使枢轴的标题对齐中心

Question

我试图让枢轴的标题保持在中心（在图像中，head1左对齐）。我尝试改变枢轴的样式，但它不起作用。

这是自定义样式（我尝试将HorizontalAlignment="Center"添加到与枢轴标题相关的每个位置，但它们都没有工作）

    <ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
        <Canvas HorizontalAlignment="Center"/>
    </ItemsPanelTemplate>
    <Style x:Key="PivotHeaderItemStyle1" TargetType="Primitives:PivotHeaderItem">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="Padding" Value="21,0,1,0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Primitives:PivotHeaderItem">
                    <Grid>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="SelectionStates">
                                <VisualState x:Name="Unselected"/>
                                <VisualState x:Name="Selected">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="contentPresenter"/>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="Center" Margin="{TemplateBinding Padding}" Opacity="{StaticResource PhonePivotUnselectedItemOpacity}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>


    <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 HorizontalAlignment="Center"/>
                </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}" Grid.RowSpan="3"/>
                        <ContentControl ContentTemplate="{TemplateBinding TitleTemplate}" Content="{TemplateBinding Title}" HorizontalAlignment="Left" Margin="24,17,0,-7" Style="{StaticResource PivotTitleStyle}"/>
                        <Primitives:PivotHeadersControl x:Name="HeadersListElement" Grid.Row="1" ItemsPanel="{StaticResource ItemsPanelTemplate1}" ItemContainerStyle="{StaticResource PivotHeaderItemStyle1}" />
                        <ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}" Grid.Row="2"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

在Page.xaml：

        <phone:Pivot Style="{StaticResource PivotStyle1}">
            <phone:PivotItem x:Name="head1">
                <phone:PivotItem.Header>
                    <TextBlock Text="head1" FontSize="30" HorizontalAlignment="Center" TextAlignment="Center"/>
                </phone:PivotItem.Header>
                <Grid/>
            </phone:PivotItem>
            <phone:PivotItem x:Name="head2">
                <phone:PivotItem.Header>
                    <TextBlock Text="head2" FontSize="30" HorizontalAlignment="Center" TextAlignment="Center"/>
                </phone:PivotItem.Header>
            </phone:PivotItem>
            <phone:PivotItem x:Name="head3">
                <phone:PivotItem.Header>
                    <TextBlock Text="head3" FontSize="30" HorizontalAlignment="Center" TextAlignment="Center"/>
                </phone:PivotItem.Header>
            </phone:PivotItem>
            <phone:PivotItem x:Name="head4">
                <phone:PivotItem.Header>
                    <TextBlock Text="head4" FontSize="30" HorizontalAlignment="Center" TextAlignment="Center"/>
                </phone:PivotItem.Header>
            </phone:PivotItem>
            <phone:PivotItem x:Name="head5">
                <phone:PivotItem.Header>
                    <TextBlock Text="head5" FontSize="30" HorizontalAlignment="Center" TextAlignment="Center"/>
                </phone:PivotItem.Header>
            </phone:PivotItem>
        </phone:Pivot>