更改 TabViewItem Header 字體大小

Question

就我而言， TabView header object 的字體大小似乎不可更改。

源代碼

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

問題

如何更改 Header object 的字體大小？

Answer 1

請參考以下步驟更改 TabViewItem header 的字體大小。

1.打開文檔大綱->右鍵單擊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>