更改Windows Phone 8中每个轴项的颜色

时间:2013-10-24 11:13:13

标签: c# xaml windows-phone-8

我想为窗口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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

只需将属性Background="your preferred color"添加到每个phone:PivotItem元素。