WP7 C# - Как изменить стиль заголовка Pivot

Question

Мне нужно изменить фон заголовка и отступы (верхнее меню элемента Pivot, где находятся заголовки элементов поворота).

Я стараюсь это:

<controls:Pivot Grid.Row="1" Margin="0" Padding="0"> 
     <controls:Pivot.HeaderTemplate> 
      <DataTemplate> 
       <StackPanel Background="#666666" Margin="0" /> 
      </DataTemplate> 
     </controls:Pivot.HeaderTemplate> 

     <controls:PivotItem Background="#65006a"> 
      <controls:PivotItem.Header> 
       <TextBlock FontSize="60" Margin="0">tasks</TextBlock> 
      </controls:PivotItem.Header> 
     </controls:PivotItem> 

    </controls:Pivot> 

Но оно не решить.

Как я могу это сделать?

Answer 1

Правильный способ сделать это со следующим отрезала:

<controls:Pivot.HeaderTemplate> 
    <DataTemplate> 
     <StackPanel Background="#666666" Margin="0"> 
      <TextBlock FontSize="60" Margin="0" Text="{Binding}"/> 
     </StackPanel> 
    </DataTemplate> 
</controls:Pivot.HeaderTemplate> 

<controls:PivotItem Background="#65006a" Header="tasks"> 
</controls:PivotItem> 

Каждый PivotItem имеет заголовок текста, который затем передается в шаблон данных, содержащихся в HeaderTemplate. Вы можете видеть, что я переместил TextBlock внутри StackPanel и установил его текст с помощью привязки. Вы ошиблись в том, что шаблон заголовка содержал только StackPanel и ничего внутри него.

Answer 2

Здесь я изменил заголовок элемента управления. Я определил различные элементы управления с разными цветами, чтобы вы могли легко определить, что я сделал. Измените этот источник в соответствии с необходимостью изменения заголовка поворота.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 
      <phone:Pivot> 
      <phone:Pivot.HeaderTemplate> 
       <DataTemplate> 
        <StackPanel Background="Blue" 
           Margin="15,-10,0,0"> 
         <TextBlock Text="{Binding}" 
            FontSize="20" 
            /> 
        </StackPanel> 
       </DataTemplate> 
      </phone:Pivot.HeaderTemplate> 
      <phone:PivotItem Header="item1"> 
       <Grid Background="Red"></Grid> 
      </phone:PivotItem> 
      <phone:PivotItem Header="item2"> 
       <Grid Background="Green"></Grid> 
      </phone:PivotItem> 
     </phone:Pivot> 

    </Grid>