改變樞軸項目的backgorund中的Windows Phone 8

我有一個風格改變樞軸項目的backgorund中的Windows Phone 8

<Style x:Key="PivotStyle1" 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 Background="{TemplateBinding Background}" CacheMode="BitmapCache" Grid.RowSpan="3"/> 
         <Grid> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto"/> 
           <ColumnDefinition /> 
           <ColumnDefinition Width="Auto"/> 
          </Grid.ColumnDefinitions> 
          <Image 
           Height="45" 
           HorizontalAlignment="Left" 
           Margin="12,0,0,0" 
           VerticalAlignment="Bottom" 
           Source="/Assets/Icons/MyTasks.png" /> 
          <ContentControl 
           ContentTemplate="{TemplateBinding TitleTemplate}" 
           Content="{TemplateBinding Title}" 
           Grid.Column="1" 
           HorizontalAlignment="Left" 
           Margin="10,0,0,-7" 
           VerticalAlignment="Center" 
           Style="{StaticResource PivotTitleStyle}"/> 
          <Image 
           Grid.Column="2" 
           Height="55" Margin="0,10,20,0" 
           HorizontalAlignment="Right" 
           VerticalAlignment="Bottom" 
           Source="/Assets/Icons/Settings.png"/> 
         </Grid> 
         <Primitives:PivotHeadersControl x:Name="HeadersListElement" Grid.Row="1"/> 
         <ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}" 
             Grid.Row="2"/> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style>

這是我的支點代碼：

<phone:Pivot Title="MY TASKS" Style="{StaticResource PivotStyle1}" > 

     <!--Pivot item one--> 
     <phone:PivotItem Header="all">    

     </phone:PivotItem> 

     <phone:PivotItem Header="assigned"> 

     </phone:PivotItem> 

     <phone:PivotItem Header="overdue"> 

     </phone:PivotItem> 
    </phone:Pivot>

我要改變的轉動所指定的顏色。以紅色旋轉項目標題「全部」，以綠色旋轉項目「分配」。我試圖改變背景，但改變了整個背景。請建議。

來源

2013-10-29 Maverick

可能重複的[改變每個樞軸項的顏色在窗口電話8]（http://stackoverflow.com/questions/19564360/change-the-color-of-each-pivot-item-in -windows-phone-8） – ZombieSheep

@Maverick每個PivotItem的標題由每個項目控制。您可以爲PivotItems創建一個模板/樣式並將其分配給每個項目。在混合中，您可以編輯PivotItemTemplate =>其他模板=>標題模板=>創建副本。這將爲你創建資源，你應該能夠從那裏獲得資源 – kbo4sho88

這一個爲我工作。

<phone:PivotItem> 
      <phone:PivotItem.Header> 
       <TextBlock Text="assigned" Foreground="#FF145377"></TextBlock> 
      </phone:PivotItem.Header> 
     </phone:PivotItem>

的

來源

2013-10-29 10:52:48 Maverick

改變樞軸項目的backgorund中的Windows Phone 8

回答

相關問題