更改 TabViewItem 标题字体大小答案

【问题标题】：Change TabViewItem Header Fontsize更改 TabViewItem 标题字体大小
【发布时间】：2021-04-27 14:41:02
【问题描述】：

在我的例子中，TabView header 对象的字体大小似乎是不可更改的。

源代码

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

问题

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

【问题讨论】：

不能通过TabViewItem FontSize属性或Tabview FontSize属性改变其字体大小，需要修改其样式默认资源。

标签： c# xaml uwp uwp-xaml tabview

【解决方案1】：

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

1.打开Document Outline->右击TabViewItem->编辑模板->编辑副本强>

在这里你会看到一个 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>

【讨论】：