XAML 集线器控制 Windows 8.1 通用应用程序

Question

为什么 Windows 8.1 中的集线器控件看起来像是在顶部增加了 120 像素？

我的 Hub 控件嵌套如下：

<Grid Background="{StaticResource DmWhiteBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <controls:TopNavigationBarControl Grid.Row="0" />

        <Hub
            Grid.Row="1"
            Margin="0"
            VerticalContentAlignment="Stretch"                 >
            <HubSection
                VerticalContentAlignment="Stretch" > DATA BLA BLA
            </HubSection>

在我的集线器和我的控件之间：TopNavigationBarControl 似乎有大约 120 个额外像素，我发现没有比在集线器元素上添加负上边距更好的了，但这不是很好。有谁知道我可以做些什么来删除它？我不想在中心元素中使用标题。谢谢！

编辑： 截至目前，我发现没有比编辑集线器模板并删除标题并使用混合删除顶部填充更好的方法了。同样在我添加的集线器元素上

<Hub
    Grid.Row="0"
    Grid.RowSpan="2"
    Margin="0">

Edit2：在混合中我找不到那些多余的像素！，我可以清楚地看到标题仍然有空间，即使我已经删除了混合中的网格行定义。

Answer 1

您还需要删除每个HubSection 的Padding。

这是HubSection 控件的默认填充。

<Setter Property="Padding" Value="40,40,40,44"/>

将第二个40 更改为0 将折叠其间的所有空间。

<HubSection Header="HubSection 0" Padding="40,0,40,44">

更新

这是代码以及它在设计器上的外观。当我运行它时，它看起来完全一样。