タブコントロールのコンテンツテンプレートの位置付け

Question

すべてにとって幸せな新年！これを読んでくれてありがとう！

私はcontentTemplateの動的コンテンツを配置する問題を抱えている、私は次のようにあります

<TabControl ItemsSource="{Binding Cats}"> 
      <TabControl.ItemTemplate> 
       <DataTemplate> 
        <TextBlock Text="{Binding Name}" FontSize="16" FontWeight="Bold"></TextBlock> 
       </DataTemplate>     
      </TabControl.ItemTemplate> 
      <TabControl.ContentTemplate> 
       <DataTemplate> 
        <WrapPanel> 
         <ItemsControl ItemsSource="{Binding Products}"> 
          <ItemsControl.ItemTemplate> 
           <DataTemplate> 
            <Button Content="{Binding Name}" Height="25" Width="100"></Button> 
           </DataTemplate> 
          </ItemsControl.ItemTemplate> 
         </ItemsControl> 
        </WrapPanel> 
       </DataTemplate> 
      </TabControl.ContentTemplate> 
     </TabControl> 

のItemsSource結合猫カテゴリー と各カテゴリー内のリストを返すのリストを返すプロパティがあります製品

は現在、垂直に積み重ねられたすべてのボタンが表示されているが、私はwrapPanelを埋めるために、ボタンを必要としています。私はcontentTemplateを探しています何のイラスト：

任意のアイデアをいただければ幸いです！

Answer 1

ItemsPanelテンプレートとしてWrapPanelを使用する必要があります。参照のためにthis質問を参照してください。基本的に、あなたはこのXAMLを追加する必要があります。

<ItemsControl ItemsSource="{Binding Products}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel Orientation="Horizontal" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Button Content="{Binding Name}" Height="25" Width="100"></Button> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

注：あなたが実際にWrapPanelのOrientationプロパティを設定する必要はありません、それが明示的にのためにそこに単純です。