わずかに異なるDataTemplate要素を再利用するには？

Question

WPFでは、要素のグリッドを定義しました。それらは、ViewModelの配列内のオブジェクトのプロパティに応じて表示または折りたたまれます。 XAMLファイルで

、 DataTemplateは次のようになります。

<DataTemplate DataType="{x:Type implementationInputDevices:InputDevicesViewModel}"> 
    <Grid Grid.Row="1" Grid.Column="0"> 
     ... 

     <TextBlock Grid.Row="1" 
        Grid.Column="0" 
        Text="{Binding MyArray[0].Name}" 
        Visibility="{Binding MyArray[0].Visible}"/> 
     <ComboBox Grid.Row="1" 
        Grid.Column="1" 
        Visibility="{Binding MyArray[0].Visible}" 
        SelectedItem="{Binding MyArray[0].Foo}" 
        ItemsSource="{Binding Bar}"/> 

     <TextBlock Grid.Row="2" 
        Grid.Column="0" 
        Text="{Binding MyArray[1].Name}" 
        Visibility="{Binding MyArray[1].Visible}"/> 
     <ComboBox Grid.Row="2" 
        Grid.Column="1" 
        Visibility="{Binding MyArray[1].Visible}" 
        SelectedItem="{Binding MyArray[1].Foo}" 
        ItemsSource="{Binding Bar}"/> 
     ... 

     <TextBlock Grid.Row="n" 
        Grid.Column="0" 
        Text="{Binding MyArray[n-1].Name}" 
        Visibility="{Binding MyArray[n-1].Visible}"/> 
     <ComboBox Grid.Row="n" 
        Grid.Column="1" 
        Visibility="{Binding MyArray[n-1].Visible}" 
        SelectedItem="{Binding MyArray[n-1].Foo}" 
        ItemsSource="{Binding Bar}"/> 
    </Grid> 
</DataTemplate> 

あなたが見ることができるように、私はすべての行のための要素の同じブロックを使用しますが、わずかに異なる値を使用しています。 これは非常に不便です。新しい行を追加するには手動で調整する必要があり、（このグリッド内の）上の行を追加する必要がさらに増えます。

要素のセットを一度定義し、単純なコマンドで再利用することはできますか？このような何か：

<MyRowElement n="1" /> 
<MyRowElement n="2" /> 
... 
<MyRowElement n="k" /> 

Answer 1

ItemsControlあなたは、ItemsControlのためのより多くの情報検索については

<ItemsControl x:Name="itmWrapPanel" 
      ItemsSource="{Binding MyArray, UpdateSourceTrigger=PropertyChanged}" 
      ScrollViewer.CanContentScroll="True" 
      ScrollViewer.VerticalScrollBarVisibility="Auto" 
      ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      > 

    <!-- Panel Type --> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <!-- StackPanel || WrapPanel --> 
      <WrapPanel Orientation="Horizontal" 
        Background="White" 
        AllowDrop="True" 
        Width="{Binding ActualWidth, ElementName=itmWrapPanel}" 
        Height="{Binding ActualHeight, ElementName=itmWrapPanel}" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

    <!-- ItemTemplate/Your Template --> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate > 
      <local:UcMyUserControl /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

を（のようなdymanoidが言った）を使用UserControl

<UserControl x:Class=.......UcMyUserControl > 
    <Grid > 
     ......... <!-- RowDefinition, ColDefinition ... --> 
     <TextBlock Grid.Row="1" 
        Grid.Column="0" 
        Text="{Binding Name}" 
        Visibility="{Binding VisibleProperty}"/> 
     <ComboBox Grid.Row="1" 
        Grid.Column="1" 
        Visibility="{Binding VisibleProperty}" 
        SelectedItem="{Binding Foo}" 
        ItemsSource="{Binding Bar}"/> 
    </Grid> 
</UserControl> 

そして、あなたのViewでの作成もっとあなたを助けることができる多くを見つけるでしょう

すべてここitensのUserControlで、画像内のすべての項目は、互いに独立しており、すべてが私はあなたを尋ねる、なぜあなたは、単に使用していないことができItemsControl