带网格列和行的WinRT ItemsControl

Question

我是XAML的新手。我搜索了ItemsControl，并找到了一个易于理解的教程，但问题在于它不适用于WinRT。

教程：https://rachel53461.wordpress.com/2011/09/17/wpf-itemscontrol-example/

我试图Style标签使用TargetType，然而，在运行时我得到了一个例外。

<ItemsControl ItemsSource="{Binding MyCollection}"> 
    <!-- ItemsPanelTemplate --> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Grid> 
       <Grid.RowDefinitions> 
        <RowDefinition /> 
        <RowDefinition /> 
        <RowDefinition /> 
        <RowDefinition /> 
        <RowDefinition /> 
        <RowDefinition /> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 
        <ColumnDefinition /> 
       </Grid.ColumnDefinitions> 
      </Grid> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

    <!-- ItemContainerStyle --> 
    <ItemsControl.ItemContainerStyle> 
     <Style TargetType="TextBox"> 
      <Setter Property="Grid.Column" 
       Value="{Binding xIndex}" /> 
      <Setter Property="Grid.Row" 
       Value="{Binding yIndex}" /> 
     </Style> 
    </ItemsControl.ItemContainerStyle> 

    <!-- ItemTemplate --> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <TextBox Background="{Binding color}" Text="{Binding xIndex,Mode=OneWay}" /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Answer 1

你的问题是在这里：

<Style TargetType="TextBox"> 

这是什么是应该是：

<Style TargetType="ContentPresenter"> 

的ItemContainer为ItemsControl是ContentPresenter（除非特定项目被添加到ItemsControl）。

所以你的视图层次看起来是这样的（假设你没有改变ItemsPanel比一个StackPanel其他东西）：

<StackPanel> 
    <ContentPresenter> 
     <TextBox/> 
    </ContentPresenter> 
</StackPanel> 

编辑：

正如Scott在评论中指出，这个解决方案实际上并不适用于WinRT。我做了类似的事情，你或许可以修改它做相应的绑定：

public class CustomItemsControl : ItemsControl 
{ 
    protected override void PrepareContainerForItemOverride(DependencyObject element, object item) 
    { 
     base.PrepareContainerForItemOverride(element, item); 
     FrameworkElement source = element as FrameworkElement; 
     if (source != null) 
     { 
      source.SetBinding(Canvas.LeftProperty, new Binding { Path = new PropertyPath("X"), Mode = BindingMode.TwoWay }); 
      source.SetBinding(Canvas.TopProperty, new Binding { Path = new PropertyPath("Y"), Mode = BindingMode.TwoWay }); 
     } 
    } 
} 

此绑定Canvas.LeftProperty到集合中的X财产上的每个项目，同样的Canvas.TopProperty和Y财产。