在 windows 通用 10 中设置 Pivot header 的样式

Question

我试图在我的通用 10 应用程序中将枢轴 header 居中，我的代码是这样的：

 <Pivot>
    <PivotItem x:Name="pivot0" Margin="0">
        <PivotItem.Header >
           <Image x:Name="headerimg" Source="images/1.png"  PointerExited="pointerExited" Height="40" Stretch="Uniform" PointerMoved="headerimg_PointerMoved" />
        </PivotItem.Header>
        <Grid >

        </Grid>
    </PivotItem>

    <PivotItem>
       <PivotItem.Header>
           <Image x:Name="headerimg1" Source="images/2.png"  Height="40" Stretch="Uniform" PointerExited="headerimg1_PointerExited" PointerMoved="headerimg1_PointerMoved" />
       </PivotItem.Header>
       <Grid>
          <TextBlock Text="test3"></TextBlock>
       </Grid>
    </PivotItem>
</Pivot>

我有使用 header 模板的想法，但我不知道如何使枢轴居中 header，感谢帮助

Answer 1

在此处查看有关如何执行此操作的完整示例：https://blog.hompus.nl/2015/09/04/responsive-pivot-headers-in-universal-windows-platform-apps/

进口件是

设置 HorizontalContentAllignment 以获得居中 > <Setter Target="HeaderClipper.HorizontalContentAlignment" Value="Center" />
正在处理不正确的枢轴默认高度 header！默认模板将 48 设置为高度，这在大多数情况下是不够的！

在 windows 通用 10 中设置 Pivot header 的样式

style the Pivot header in windows universal 10

xaml

win-universal-app

windows-10

windows-10-desktop

windows-10-universal