在我的 WPF TabItem 中设置 VerticalContentAlignment 会更改选项卡中的文本和选项卡中包含的控件答案

【问题标题】：Setting VerticalContentAlignment in my WPF TabItem changes both the text in the tab and the Control contained in the tab在我的 WPF TabItem 中设置 VerticalContentAlignment 会更改选项卡中的文本和选项卡中包含的控件
【发布时间】：2018-03-09 04:06:19
【问题描述】：

<TabItem Header="Data Entry"
         FontSize="40"
         VerticalContentAlignment="Top"
         HorizontalContentAlignment="Center"
         VerticalAlignment="Center"
         Height="75"
         Width="300"
         Background="#464646"
         Foreground="White"
         DataContext="{Binding Tabs[0]}">

    <Controls:DataEntryUserControl />

</TabItem>

我的 TabItem 是用上面的代码形成的。我希望选项卡（“数据条目”）中的文本与选项卡的中心对齐，但我希望 UserControl 与窗口的顶部对齐。但是，当我设置 VerticalContentAlignment 时，这两种对齐方式都会发生变化（例如，在上面的代码中，它们都与各自父级的顶部对齐）。 VerticalAlignment 属性不会改变任何东西。

我怎样才能做到这一点？

【问题讨论】：

你试过我的建议了吗？如果您的问题已经解决，请记得接受答案：meta.stackexchange.com/questions/5234/…
我还没试过，但我会尽快！

标签： c# wpf wpf-controls vertical-alignment

【解决方案1】：

定义一个HeaderTemplate，您可以在其中指定标题的对齐方式：

<TabItem Header="Data Entry"
             FontSize="40"
             Height="75"
             Width="300"
             Background="#464646"
             Foreground="White"
             DataContext="{Binding Tabs[0]}">
    <TabItem.HeaderTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" HorizontalAlignment="Center" />
        </DataTemplate>
    </TabItem.HeaderTemplate>

    <Controls:DataEntryUserControl />

</TabItem>

【讨论】：