Cách thay đổi kích thước của tiêu đề mục Pivot trong mẫu

Question

Tôi đang tìm cách có thể sửa đổi mẫu Pivot mặc định để thay đổi kích thước của tiêu đề Mục Pivot. Làm thế nào tôi có thể làm điều này với Style sau

<Style x:Key="PivotStyle" TargetType="phone:Pivot"> 
     <Setter Property="Margin" Value="0"/> 
     <Setter Property="Padding" Value="0"/> 
     <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/> 
     <Setter Property="Background" Value="Transparent"/> 
     <Setter Property="ItemsPanel"> 
      <Setter.Value> 
       <ItemsPanelTemplate> 
        <Grid/> 
       </ItemsPanelTemplate> 
      </Setter.Value> 
     </Setter> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="phone:Pivot"> 
        <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" 
          VerticalAlignment="{TemplateBinding VerticalAlignment}"> 
         <Grid.RowDefinitions> 
          <RowDefinition Height="Auto"/> 
          <RowDefinition Height="Auto"/> 
          <RowDefinition Height="*"/> 
         </Grid.RowDefinitions> 
         <Grid CacheMode="BitmapCache" Grid.RowSpan="2" > 
          <Grid.Background> 
           <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
            <GradientStop Color="Transparent" Offset="0.0" /> 
            <GradientStop Color="Transparent" Offset="1.0" /> 
           </LinearGradientBrush> 
          </Grid.Background> 
         </Grid> 
         <Grid Background="{TemplateBinding Background}" CacheMode="BitmapCache" Grid.Row="2" /> 
         <ContentPresenter ContentTemplate="{TemplateBinding TitleTemplate}" Content="{TemplateBinding Title}" Margin="24,17,0,-7" /> 
         <Primitives:PivotHeadersControl x:Name="HeadersListElement" Foreground="{StaticResource PhoneForegroundBrush}" FontSize="28" Grid.Row="1"/> 
         <ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}" Grid.Row="2"/> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

Tôi cố gắng để có được điều này để mimick sau

Answer 1

Bạn chắc chắn có thể thay đổi font-size Pivot Tiêu đề của, gia đình bạn và vân vân bằng cách thay đổi HeaderTemplate:

<phone:Pivot Title="PivotTest" Style="{StaticResource PivotStyle}"> 
    <phone:Pivot.HeaderTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding}" FontSize="10"/> 
     </DataTemplate> 
    </phone:Pivot.HeaderTemplate> 
    <phone:PivotItem Header="One"> 
      // item 1 
    </phone:PivotItem> 
    <phone:PivotItem Header="Two"> 
      // item 2 
    </phone:PivotItem> 
</phone:Pivot> 

EDIT - trong phạm vi một phong cách:

<phone:PhoneApplicationPage.Resources> 
    <DataTemplate x:Key="myHeader"> 
     <TextBlock Text="{Binding}" FontSize="10"/> 
    </DataTemplate> 

    <Style x:Key="PivotStyle" TargetType="phone:Pivot"> 
     <Setter Property="HeaderTemplate" Value="{StaticResource myHeader}"/> 
     <Setter Property="Margin" Value="0"/> 
     ....