gpt4 book ai didi

wpf - 如何在选项卡控件中的选项卡之间添加分隔符?

转载 作者:行者123 更新时间:2023-12-01 14:36:50 26 4
gpt4 key购买 nike

我正在设计我的选项卡样式,以便它只显示标题文本,但我想在它们之间添加一个分隔符。现在标签看起来像:

内容 1 内容 2

有什么方法可以添加 Separator在选项卡之间,使其看起来像:

内容1 |内容2

我已经可以像那样设置垂直分隔符的样式,但我不知道如何将它放在选项卡之间。我不想使用标签边框来伪造分隔线,我想远离使用
<TabItem Header="|" IsEnabled="False" />也要伪造它。有没有优雅的解决方案?

这是我目前所拥有的:

<TabControl Background="Transparent" BorderThickness="0">
<TabItem Header="Content1">
<!--content1-->
</TabItem>
<TabItem Header="Content2">
<!--content2-->
</TabItem>
<TabControl.Resources>
<Style TargetType="{x:Type TabItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TabItem}">
<Border Margin="2,0">
<ContentPresenter ContentSource="Header" Margin="10,2" />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter Property="Foreground" Value="White" />
</Trigger>
<Trigger Property="IsSelected" Value="False">
<Setter Property="Foreground" Value="Gray" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</TabControl.Resources>
</TabControl>

提前致谢!

最佳答案

我最终只做了这个:

<TabItem IsEnabled="False" IsHitTestVisible="False">
<TabItem.Header>
<Separator Style="{StaticResource {x:Static ToolBar.SeparatorStyleKey}}" Height="10" Background="Black" />
</TabItem.Header>
</TabItem>

关于wpf - 如何在选项卡控件中的选项卡之间添加分隔符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23249562/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com