繁体   English   中英

wpf 更改标签 header 方向

[英]wpf Change tabitem header orientation

我有一个 wpf Tabcontrol ,两个TabItem选项卡放置在左侧

现在我想垂直显示标题内容并将标签宽度调整为内容。

像这样的东西。

在此处输入图像描述

我尝试使用 Header 模板在其中旋转 label,文本被旋转但标签保持其形状。

在此处输入图像描述

这是我的模板:

<TabItem.HeaderTemplate>
    <DataTemplate>
        <Grid>
            <Label Content="Hola mundo" Margin="15,0">
                <Label.RenderTransform>
                    <RotateTransform Angle="90"/>
                </Label.RenderTransform>
            </Label>
        </Grid>
    </DataTemplate>
</TabItem.HeaderTemplate>        

一些建议?

您应该能够通过使用以下内容来完成此操作:

<Window x:Class="WpfApp1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TabStripPlacement" Height="200" Width="250" UseLayoutRounding="True">
    <Grid>
        <TabControl TabStripPlacement="Left">
            <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>
            <TabItem Header="General">
                <Label Content="Content goes here..." />
            </TabItem>
            <TabItem Header="Security" />
            <TabItem Header="Details" />
        </TabControl>
    </Grid>
</Window>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM