如何设计一个垂直显示内容的选项卡

Question

我必须设计一个tabcontrol。 Tabitem标题应垂直显示。

Answer 1

我可以告诉你如何做到这一点。获取TabControl的ControlTemplate副本。如果您不使用Expression Blend进行编辑，则可以 here 。

 <Grid KeyboardNavigation.TabNavigation="Local">
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
      </Grid.RowDefinitions>
      <TabPanel 
        Name="HeaderPanel"
        Grid.Row="0"
        Panel.ZIndex="1" 
        Margin="0,0,4,-1" 
        IsItemsHost="True"
        KeyboardNavigation.TabIndex="1"
        Background="Transparent" />

您可以看到下面的2行网格和TabPanel作为Header面板。这就是默认TabControl的标题面板（Tabs）位于顶部（第一行）的原因。您可以将此行更改为列，并使用StackPanel替换TabPanel，或者使用垂直方向替换TabPanel。