首页 文章

在WPF中对齐选项卡项和选项卡控件边框

提问于
浏览 次
0

我有下面的XAML：

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<TabControl Margin="10" TabStripPlacement="Left" BorderBrush="gray">
<TabControl.Resources>
  <Style TargetType="TabItem">
    <Setter Property="Height" Value="40" />
    <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">
    Conten1
  </TabItem>
  <TabItem Header="Tab 2">
    Content2
  </TabItem>
  <TabItem Header="Tab 3">
    Content2
  </TabItem>
</TabControl>

</Border>

我需要在上面的xaml中更改哪些TabItem顶部和底部边框与选项卡控件边框对齐？我希望它看起来好像顶部标签项控件和顶部tabcontrol边框形成一行 . 与底部边框相同 .

wpf xaml

1 回答

  • 0

    试试下面的代码 . 几乎没有变化 . 希望能帮助到你 .

    <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>
    回复于

相关问题