wpf複数のタブコントロールを1つのウィンドウに追加する方法

Question

これで、今は左にタブがあります。しかし、画面の上部にあるタブは、実装したいコントロールが異なるため、必要になります。私はグリッドに別のタブコントロールを追加しようとしましたが、レイアウトが完全に台無しになってしまいました。

どのようなソリューションですか？

<Window x:Class="Berichtensysteem.Window1" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local="clr-namespace:Berichtensysteem" 
     mc:Ignorable="d" 
     Title="Mailclient" Height="auto" Width="auto" 
     > 

     <Grid Height="400" Width="600"> 

     <TabControl TabStripPlacement="Left" > 
      <TabItem Header="Inbox" Height="30"> 
       <TabItem.Content> 
        <ListView Name="inbox" BorderThickness="2"> 
         <ListView.View > 
          <GridView> 
           <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
           <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
           <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
          </GridView> 
         </ListView.View> 
        </ListView> 
       </TabItem.Content> 
      </TabItem> 
      <TabItem Header="Verzonden items" Height="30"> 
       <TabItem.Content> 
        <ListView Name="sentitems" BorderThickness="2"> 
         <ListView.View> 
          <GridView> 
           <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
           <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
           <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
          </GridView> 
         </ListView.View> 
        </ListView> 
       </TabItem.Content> 
      </TabItem> 
      <TabItem Header="Verwijderde Items" Height="30" 
        > 
       <TabItem.Content> 
        <ListView Name="deleteditems" BorderThickness="2"> 
         <ListView.View> 
          <GridView> 
           <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
           <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
           <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
          </GridView> 
         </ListView.View> 
        </ListView> 
       </TabItem.Content> 
      </TabItem> 
     </TabControl> 
    </Grid> 

</Window> 

Answer 1

複数のタブコントロールが機能します。階層的にどのように並べ替える必要があります。 たとえば、このXAML：

<Window x:Class="WpfApplication3.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:WpfApplication3" 
    mc:Ignorable="d" 
    Title="MainWindow" Height="350" Width="525"> 
<Grid Height="400" Width="600"> 
    <TabControl> 
     <TabItem Header="Folders" Height="30"> 
      <TabItem.Content> 
       <TabControl TabStripPlacement="Left" > 
        <TabItem Header="Inbox" Height="30"> 
        <TabItem.Content> 
          <ListView Name="inbox" BorderThickness="2"> 
           <ListView.View > 
            <GridView> 
             <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
             <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
             <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
            </GridView> 
           </ListView.View> 
          </ListView> 
         </TabItem.Content> 
        </TabItem> 
        <TabItem Header="Verzonden items" Height="30"> 
         <TabItem.Content> 
          <ListView Name="sentitems" BorderThickness="2"> 
           <ListView.View> 
            <GridView> 
             <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
             <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
             <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
           </GridView> 
          </ListView.View> 
          </ListView> 
         </TabItem.Content> 
       </TabItem> 
        <TabItem Header="Verwijderde Items" Height="30" 
       > 
         <TabItem.Content> 
          <ListView Name="deleteditems" BorderThickness="2"> 
           <ListView.View> 
            <GridView> 
             <GridViewColumn Header="From" Width="70" DisplayMemberBinding="{Binding from}" /> 
             <GridViewColumn Header="Subject" Width="120" DisplayMemberBinding="{Binding subject}" /> 
             <GridViewColumn Header="Content" Width="150" DisplayMemberBinding="{Binding content}" /> 
            </GridView> 
           </ListView.View> 
          </ListView> 
         </TabItem.Content> 
        </TabItem> 
       </TabControl> 
       </TabItem.Content> 
      </TabItem> 
     <TabItem Header="Second Tab"> 
     </TabItem> 
    </TabControl> 
</Grid> 

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