对齐WPF中的选项卡项和选项卡控件边框
我的XAML如下所示:对齐WPF中的选项卡项和选项卡控件边框,wpf,xaml,Wpf,Xaml,我的XAML如下所示: <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 我需要在上面的xaml中更改什么,以便TabItem的顶部和底部边框与tab控件边框对齐? 我希望它看起来像顶部选项卡项控件和顶部选项卡控件边框组成一行。与底部边框相同。请尝试以下代码。变化不大。希
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
我需要在上面的xaml中更改什么,以便TabItem的顶部和底部边框与tab控件边框对齐?
我希望它看起来像顶部选项卡项控件和顶部选项卡控件边框组成一行。与底部边框相同。请尝试以下代码。变化不大。希望能有帮助
<TabControl Margin="10" TabStripPlacement="Left" HorizontalContentAlignment="Left" BorderBrush="gray">
<TabControl.Resources>
<Style TargetType="TabItem">
<Setter Property="Border.BorderBrush" Value="gray" />
<Setter Property="Border.Background" Value="lightgray" />
<Style.Resources>
<Style TargetType="Border">
<Setter Property="CornerRadius" Value="6,0,0,6" />
<!--<Setter Property="Margin" Value="0,1.5" />-->
</Style>
</Style.Resources>
</Style>
</TabControl.Resources>
<TabItem Header="Tab 1" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
Conten1
</TabItem>
<TabItem Header="Tab 2" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
Content2
</TabItem>
<TabItem Header="Tab 3" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
Content2
</TabItem>
</TabControl>
<TabControl Margin="10" TabStripPlacement="Left" HorizontalContentAlignment="Left" BorderBrush="gray">
<TabControl.Resources>
<Style TargetType="TabItem">
<Setter Property="Border.BorderBrush" Value="gray" />
<Setter Property="Border.Background" Value="lightgray" />
<Style.Resources>
<Style TargetType="Border">
<Setter Property="CornerRadius" Value="6,0,0,6" />
<!--<Setter Property="Margin" Value="0,1.5" />-->
</Style>
</Style.Resources>
</Style>
</TabControl.Resources>
<TabItem Header="Tab 1" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
Conten1
</TabItem>
<TabItem Header="Tab 2" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
Content2
</TabItem>
<TabItem Header="Tab 3" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
Content2
</TabItem>
</TabControl>