更改TabViewItem标题字体大小

Question

在我的情况下，TabViewheader对象的字体大小似乎是不可变的。

源代码

<controls1:TabViewItem Header="Document" Height="31" Width="476">

问题

如何更改Header对象的字体大小？

Answer 1

请参考以下步骤更改TabViewItem标头的字体大小。

1.打开文档大纲->右键单击选项卡ViewItem->编辑模板->编辑副本

在这里，您将看到一个ControlTemplate，其键为TabViewItemTemplate1。

<ControlTemplate x:Key="TabViewItemTemplate1" TargetType="muxc:TabViewItem">
…
<ContentPresenter x:Name="ContentPresenter" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" ContentTransitions="{TemplateBinding ContentTransitions}" Grid.Column="1" FontWeight="{TemplateBinding FontWeight}" Foreground="{ThemeResource TabViewItemHeaderForeground}" FontSize="25" HighContrastAdjustment="None" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" OpticalMarginAlignment="TrimSideBearings" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
…
</ControlTemplate>

正如您所看到的，有一个名为ContentPresenter的ContentPresenter，它控制TabViewItem的Header的字体大小。因此，您可以更改Fontsize属性，如上所示，我将fontsizew更改为25。

2.然后可以使用TabViewItemTemplate1作为TabViewItem的模板，如下所示：

<muxc:TabView>          
<muxc:TabViewItem Template="{StaticResource TabViewItemTemplate1}" Header="Home"  /> 
<muxc:TabViewItem Header="Item1"/>
<muxc:TabViewItem Header="Item2"/>
</muxc:TabView>