Как построить вертикальные наборы вкладок в WPF? - PullRequest
Новая
       5

Как построить вертикальные наборы вкладок в WPF?

46 голосов
/ 17 октября 2010

Как построить наборы вертикальных вкладок в WPF? Вкладки будут располагаться сверху вниз, как и «Свойства» проекта, показанного в Visual Studio.

Ответы [ 3 ]

82 голосов
/ 17 октября 2010

Вы пробовали TabControl.TabStripPlacement Свойство ?

В следующем примере создается элемент управления вкладками, который размещает вкладки с левой стороны. 

<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>
13 голосов
/ 07 октября 2013

Вы должны попробовать этот код: 

<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>
1 голос
/ 08 марта 2018

На основании ответа rkirac выше.Если вы не хотите создавать глобальный стиль, вы можете поместить тот же материал внутри TabControl.ItemContainerStyle, который повлияет только на данный TabControlНиже приведен простой пример: 

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