从 Windows Phone 8.1 App 中的 Pivot Item 中删除空白 space

Question

如何去除枢轴项目和枢轴边框之间的空白 space？
我尝试将边距和填充设置为 0，但没有太大帮助。我想这样做的原因如下 - 我认为将枢轴的模板更改为三个项目具有静态（不移动）header 有点困难，因此我只放置了一个带有三个按钮的 StackPanel在枢轴上方有三个项目，当有人按下按钮时，我会在后面的代码中手动 select 枢轴项目。这种方法对我来说已经足够好了，但有一定的缺陷 - 项目和 StackPannel 之间的空白 space，我该如何删除它？

<StackPanel Orientation="Vertical">
    <StackPanel Orientation="Horizontal"> 
        <Button Click="Button_Click"/> 
        <Button Click="Button_Click_1"/> 
        <Button Click="Button_Click_2"/> 
    </StackPanel>
    <Pivot>
        <PivotItem>
            <local:someControl /> 
        </PivotItem>
        <PivotItem>
            <local:someControl />
        </PivotItem>
        <PivotItem>
            <local:someControl /> 
        </PivotItem>
    </Pivot>
</StackPanel>

Answer 1

您可以使用 negative value 作为边距来删除空白 space。只需尝试

<Pivot Margin="0, -25, 0, 0">

将 25 替换为您想要的值。

Answer 2

将 Pivot 边距设置为负值有效，但使用样式有更好的方法。

<Pivot>
    <Pivot.Resources>
        <Style TargetType="PivotItem">
            <Setter Property="Margin" Value="0"/>
        </Style>
    </Pivot.Resources>

    <PivotItem .../>
    <PivotItem .../>
</Pivot>

从 Windows Phone 8.1 App 中的 Pivot Item 中删除空白 space

Remove blank space from Pivot Item in Windows Phone 8.1 App

xaml

winrt-xaml

windows-phone-8.1