c# - (Windows 10 UWP) 如何将PivotItem 控件中的Header 属性绑定(bind)到Pivot 控件中的自定义HeaderTemplate？

Question

我刚刚在 Windows 10 UWP 项目中尝试了新的导航控件，即选项卡/枢轴。这是我的代码，它第一次运行良好...

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Pivot>
        <PivotItem x:Name="PivotItem_Inbox" Header="Inbox">
            <Grid/>
        </PivotItem>
        <PivotItem x:Name="PivotItem_Draft" Header="Draft">
            <Grid/>
        </PivotItem>
    </Pivot>
</Grid>

XAML 设计 View :http://i.stack.imgur.com/4qMmO.jpg

我想修改它的标题模板，以便我可以分配新的背景颜色、字体大小、视觉状态等。所以我决定声明 HeaderTemplate 元素标记。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Pivot>
        <Pivot.HeaderTemplate>
            <DataTemplate>
                <Grid Background="Green">
                    <TextBlock Text="{Binding Header}" FontSize="24" FontFamily="Segoe UI"/>
                </Grid>
            </DataTemplate>
        </Pivot.HeaderTemplate>
        <PivotItem x:Name="PivotItem_Inbox" Header="Inbox">
            <Grid/>
        </PivotItem>
        <PivotItem x:Name="PivotItem_Draft" Header="Draft">
            <Grid/>
        </PivotItem>
    </Pivot>
</Grid>

但是在声明 HeaderTemplate 之后，现在我似乎缺少每个数据透视项控件中的标题文本(即上图中的“收件箱”和“草稿”)。我已经尝试了很多方法重新绑定(bind)它，但仍然没有成功。请帮忙!

XAML 设计 View 2(最终结果):http://i.stack.imgur.com/ZoS0a.jpg

Answer 1

一个更简单的解决方案:

<Pivot.HeaderTemplate>
    <DataTemplate>
        <Grid Background="Green">
            <TextBlock Text="{Binding}" FontSize="24" FontFamily="Segoe UI"/>
        </Grid>
    </DataTemplate>
</Pivot.HeaderTemplate>

最初的错误是试图绑定(bind)到属性 Header，而这是隐含的，因为这是标题模板。