使用XAML如何添加列到TabItem

Question

如何將列添加到TabItem中，以便我可以使用拆分器調整列的大小，並讓堆疊在每個列中的控件同時調整大小？

我創建了以下XAML。我認爲分割器已調整大小，按鈕會調整每列的大小。

<Grid Background="LightBlue"> 
     <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="*" /> 
     </Grid.RowDefinitions> 
     <DockPanel Grid.Row="0" > 
     <StackPanel> 
      <TextBlock Text="Multiple items go here as the header" /> 
     </StackPanel> 
     </DockPanel> 
     <TabControl Grid.Row="1" Background="Beige" > 
     <TabItem x:Name="Tab1" Header="Tab One" > 
      <DockPanel> 
      <StackPanel DockPanel.Dock="Top"> 
       <TextBlock Text="Header for this tab goes here" /> 
      </StackPanel> 
      <Grid> 
       <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="100" /> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="100" /> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
       <GridSplitter Grid.Column="1" VerticalAlignment="Stretch" 
          Background="Aqua" Width="4" /> 
       <GridSplitter Grid.Column="3" VerticalAlignment="Stretch" 
          Background="Aqua" Width="4" /> 
       <StackPanel Grid.Column="0" > 
       <Button Content="Column 1" /> 
       </StackPanel> 
       <StackPanel Grid.Column="2" > 
       <Button Content="Column 2" /> 
       </StackPanel> 
       <StackPanel Grid.Column="4" > 
       <Button Content="Column 3" /> 
       </StackPanel> 
      </Grid> 
      </DockPanel> 
     </TabItem> 
     <TabItem x:Name="Tab2" Header="Tab Two" ></TabItem> 
     <TabItem x:Name="Tab3" Header="Tab Three" ></TabItem> 
     </TabControl> 
    </Grid> 

Answer 1

只需將ResizeBehavior="PreviousAndNext"添加到您的GridSplitters中即可使用。

GridSplitter.ResizeBehavior Property的默認值是GridResizeBehavior.BasedOnAlignment這意味着

空間是基於所述的Horizo​​ntalAlignment和VerticalAlignment屬性的值重新分配。

無論如何。但是你要PreviousAndNext這意味着

對於水平GridSplitter，空間是的上方，是爲GridSplitter指定的行下面的行之間重新分配。對於垂直的GridSplitter，空間在爲GridSplitter指定的列的左側和右側列之間重新分佈。