改變各關鍵項目的顏色的Windows Phone 8

Question

我想不同的顏色分配到Windows 8

紅色所有，綠色的旋轉控制的各關鍵項目的分配。我如何實現它？

<Grid x:Name="LayoutRoot" Background="#FF0B345A"> 
    <!--Pivot Control--> 
    <phone:Pivot Title="MY TASKS"> 
     <!--Pivot item one-->    
     <phone:PivotItem Header="all">       
      <Grid>      
       <Grid.RowDefinitions> 
        <RowDefinition Height="auto"></RowDefinition> 
        <RowDefinition Height="auto"></RowDefinition> 
        <RowDefinition Height="auto"></RowDefinition> 
        <RowDefinition Height="*"></RowDefinition> 
       </Grid.RowDefinitions> 


       <StackPanel Margin="0,25,0,0" Grid.Row="0"> 

        <TextBlock Text="Due Today 12:00PM" Foreground="#FF4472A2"></TextBlock> 
       </StackPanel> 

       <StackPanel Margin="0,25,0,0" Grid.Row="1"> 
         <TextBlock Text="Sales On-Boarding" Foreground="#FFB7BEC6"></TextBlock> 
        <TextBlock Text="Due 9/25/13" Foreground="#FF4472A2"></TextBlock> 
       </StackPanel> 
      </Grid>    
     </phone:PivotItem> 

     <!--Pivot item two--> 
     <phone:PivotItem Header="assigned"> 
      <Grid/> 
     </phone:PivotItem> 
     <!--Pivot item three--> 
     <phone:PivotItem Header="overdue"> 
      <Grid/> 
     </phone:PivotItem> 
    </phone:Pivot> 
</Grid> 

Answer 1

試試這個

<Grid x:Name="LayoutRoot" Background="#FF0B345A"> 
     <!--Pivot Control--> 
     <phone:Pivot Title="MY TASKS"> 
      <!--Pivot item one-->    
      <phone:PivotItem>  
<controls:PivotItem.Header> 
         <Grid Background="Red"> 
          <TextBlock Name="allRecords" Text="all" /> 
         </Grid> 
        </controls:PivotItem.Header>      
       <Grid>      
        <Grid.RowDefinitions> 
         <RowDefinition Height="auto"></RowDefinition> 
         <RowDefinition Height="auto"></RowDefinition> 
         <RowDefinition Height="auto"></RowDefinition> 
         <RowDefinition Height="*"></RowDefinition> 
        </Grid.RowDefinitions> 


        <StackPanel Margin="0,25,0,0" Grid.Row="0"> 

         <TextBlock Text="Due Today 12:00PM" Foreground="#FF4472A2"></TextBlock> 
        </StackPanel> 

        <StackPanel Margin="0,25,0,0" Grid.Row="1"> 
          <TextBlock Text="Sales On-Boarding" Foreground="#FFB7BEC6"></TextBlock> 
         <TextBlock Text="Due 9/25/13" Foreground="#FF4472A2"></TextBlock> 
        </StackPanel> 
       </Grid>    
      </phone:PivotItem> 

      <!--Pivot item two--> 
      <phone:PivotItem> 
<controls:PivotItem.Header> 
         <Grid Background="Red"> 
          <TextBlock Name="assignedRecords" Text="assigned" /> 
         </Grid> 
        </controls:PivotItem.Header> 
       <Grid/> 
      </phone:PivotItem> 
      <!--Pivot item three--> 
      <phone:PivotItem> 
<controls:PivotItem.Header> 
         <Grid Background="Red"> 
          <TextBlock Name="overdueRecords" Text="overdue" /> 
         </Grid> 
        </controls:PivotItem.Header> 
       <Grid/> 
      </phone:PivotItem> 
     </phone:Pivot> 
    </Grid> 

Answer 2

只需添加屬性Background="your preferred color"每個phone:PivotItem元素。