簡體   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