如何在 Pivot Header 的右侧添加一个按钮答案

【问题标题】：How can I add a botton on the right side of the Pivot Header如何在 Pivot Header 的右侧添加一个按钮
【发布时间】：2014-11-08 19:38:48
【问题描述】：

我正在开发 Windows phone 8.1 上的应用程序。我的应用程序中有一个 Pivot 控件。我想要的是在 Pivot Header 的右侧添加一个按钮。所以基本上，我希望按钮覆盖枢轴控件的枢轴标题。

所以我去编辑枢轴控件的模板，我在 PivotHeaderPanel 下添加了 '' 但没有显示任何内容。我试图将它移到“PivotHeaderPanel”内部，但 xaml 编译器给了我警告。

有没有办法实现我想要的？

 <ScrollViewer x:Name="ScrollViewer" HorizontalSnapPointsAlignment="Center" HorizontalSnapPointsType="MandatorySingle" HorizontalScrollBarVisibility="Hidden" Margin="{TemplateBinding Padding}" Grid.Row="1" Template="{StaticResource ScrollViewerScrollBarlessTemplate}" VerticalSnapPointsType="None" VerticalScrollBarVisibility="Disabled" VerticalScrollMode="Disabled" VerticalContentAlignment="Stretch" ZoomMode="Disabled">
    <PivotPanel x:Name="Panel" VerticalAlignment="Stretch">
        <PivotHeaderPanel x:Name="Header">
            <PivotHeaderPanel.RenderTransform>
                <CompositeTransform x:Name="HeaderTranslateTransform" TranslateX="0"/>
            </PivotHeaderPanel.RenderTransform>
        </PivotHeaderPanel>
        <Button Content="MyBotton" HorizontalAlignment="Right"/>
        <ItemsPresenter x:Name="PivotItemPresenter">
            <ItemsPresenter.RenderTransform>
                <TranslateTransform x:Name="ItemsPresenterTranslateTransform" X="0"/>
            </ItemsPresenter.RenderTransform>
        </ItemsPresenter>
    </PivotPanel>
</ScrollViewer>

【问题讨论】：

我不敢相信他们在 8.1 中搞砸了 Pivot :/，你能编辑那个 <PivotHeaderPanel> 的模板吗？
我该怎么做？我去 Document Viewer 并选择“Pivot”和“Edit Template”，如何编辑 PivotHeaderPanel 的模板？
它曾经被称为<Primitives:PivotHeadersControl>，您可以为此编辑模板。我在这里对其进行了大量更改：stackoverflow.com/questions/26692826/… 但似乎 8.1 使用了不同的模板。这就是为什么我很惊讶他们搞砸了。
谢谢。现在我只看到他们有一个。但是我怎样才能为此编辑模板呢？我没有看到的任何模板。请指教。

标签： xaml windows-phone-8.1

【解决方案1】：

我尝试编辑该控件的模板，但似乎没有。那么最好的选择是像你一样插入按钮。唯一的区别是，我使用顶部容器网格将按钮覆盖在标题上。像这样：

<ScrollViewer x:Name="ScrollViewer" HorizontalSnapPointsAlignment="Center" HorizontalSnapPointsType="MandatorySingle" HorizontalScrollBarVisibility="Hidden" Margin="{TemplateBinding Padding}" Grid.Row="1" Template="{StaticResource ScrollViewerScrollBarlessTemplate}" VerticalSnapPointsType="None" VerticalScrollBarVisibility="Disabled" VerticalScrollMode="Disabled" VerticalContentAlignment="Stretch" ZoomMode="Disabled">
    <PivotPanel x:Name="Panel" VerticalAlignment="Stretch">
        <PivotHeaderPanel x:Name="Header">
            <PivotHeaderPanel.RenderTransform>
                <CompositeTransform x:Name="HeaderTranslateTransform" TranslateX="0"/>
            </PivotHeaderPanel.RenderTransform>
        </PivotHeaderPanel>
        <ItemsPresenter x:Name="PivotItemPresenter">
            <ItemsPresenter.RenderTransform>
                <TranslateTransform x:Name="ItemsPresenterTranslateTransform" X="0"/>
            </ItemsPresenter.RenderTransform>
        </ItemsPresenter>
    </PivotPanel>
</ScrollViewer>
<Button x:Name="myButton" Content="MY BUTTON" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Right"></Button>

风格预览

【讨论】：