0

我想为 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>
4

2 回答 2

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>
于 2013-10-24T11:25:28.527 回答
0

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

于 2013-10-24T11:28:23.400 回答