web-dev-qa-db-ja.com

WPFで垂直タブセットを構築する方法は？

WPFで垂直タブセットを構築する方法は？ Visual Studioで表示されるプロジェクトの「プロパティ」のように、タブは上から下に積み重ねられます。

wpftabcontrol
46
Gulshan

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>
82
ChrisF

このコードを試してください：

<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>
13
rkirac

上記の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>
1
dotNET