Wie erstellt man vertikale Tab-Sets in WPF?

Question

Wie erstellt man vertikale Tab-Sets in WPF? Die Tabs werden von oben nach unten gestapelt, genau wie die "Eigenschaften" eines Projekts in Visual Studio.

Answer 1

Haben Sie versucht, die TabControl.TabStripPlacement Property?

Im folgenden Beispiel wird ein Registersteuerelement erstellt, das die Registerkarten auf der linken Seite positioniert.

<TabControl TabStripPlacement="Left" Margin="0, 0, 0, 10"> 
    <TabItem Name="fontweight" Header="FontWeight"> 
    <TabItem.Content> 
     <TextBlock TextWrapping="WrapWithOverflow"> 
     FontWeight property information goes here. 
     </TextBlock> 
    </TabItem.Content> 
    </TabItem> 

    <TabItem Name="fontsize" Header="FontSize"> 
    <TabItem.Content> 
     <TextBlock TextWrapping="WrapWithOverflow"> 
     FontSize property information goes here. 
     </TextBlock> 
    </TabItem.Content> 
    </TabItem> 
</TabControl> 

Answer 2

sollten Sie diesen Code versuchen:

<TabControl.Resources> 
      <Style TargetType="{x:Type TabItem}"> 
       <Setter Property="HeaderTemplate"> 
        <Setter.Value> 
         <DataTemplate> 
          <ContentPresenter Content="{TemplateBinding Content}"> 
           <ContentPresenter.LayoutTransform> 
            <RotateTransform Angle="270" /> 
           </ContentPresenter.LayoutTransform> 
          </ContentPresenter> 
         </DataTemplate> 
        </Setter.Value> 
       </Setter> 
       <Setter Property="Padding" Value="3" /> 
      </Style> 
     </TabControl.Resources> 

Answer 3

Basierend auf rkirac der oben Antwort. Wenn Sie keinen globalen Stil erstellen möchten, können Sie denselben Inhalt in TabControl.ItemContainerStyle einfügen, der nur die betreffende TabControl betrifft. Es folgt ein einfaches Beispiel:

<TabControl TabStripPlacement="Left"> 
    <TabControl.ItemContainerStyle> 
    <Style TargetType="TabItem"> 
     <Setter Property="LayoutTransform"> 
     <Setter.Value> 
      <RotateTransform Angle="270" /> 
     </Setter.Value> 
     </Setter> 
    </Style> 
    </TabControl.ItemContainerStyle> 
</TabControl>