如何在Pivot标题的右侧添加一个按钮

Question

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

所以我去编辑Pivot Control的模板， 我添加＆＃39;＆＃39;在PivotHeaderPanel下，但没有任何显示。我试着把它移到＃34; PivotHeaderPanel＆＃34;里面，但是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>

Answer 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>

---

样式预览