Windows Phone 8编辑标题数据透视页面

时间:2014-11-02 21:49:12

标签: c# xaml windows-phone-8 datatemplate

我正在创建WP应用程序并希望创建下一个设计枢轴页面: Pictures

我找到了xaml样式代码,但这不是我需要的东西。

    <Style x:Key="MainPivotStyle" TargetType="phone:Pivot">
    <Setter Property="Margin" Value="0" />
    <Setter Property="Padding" Value="0" />
    <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}" />
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <Grid />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="phone:Pivot">
                <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Grid Grid.RowSpan="2"
                          Background="DodgerBlue"
                          CacheMode="BitmapCache" />
                    <ContentPresenter Grid.Row="0"
                                      Margin="24,17,0,-7"
                                      Content="{TemplateBinding Title}"
                                      ContentTemplate="{TemplateBinding TitleTemplate}" />
                    <primitives:PivotHeadersControl x:Name="HeadersListElement" Grid.Row="1" />
                    <Grid Grid.Row="2"
                          Background="{TemplateBinding Background}"
                          CacheMode="BitmapCache" />
                    <ItemsPresenter x:Name="PivotItemPresenter"
                                    Grid.Row="2"
                                    Margin="{TemplateBinding Padding}" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

告诉我如何做这种风格?

1 个答案:

答案 0 :(得分:1)

  

ChubosaurusSoftware我想更改活动项目枢轴页面的样式。

如果是这样的话,我已经回答了这个问题。你得到了唯一需要的部分Templates

How To Style A Pivot Item Header。它是一个完整的解决方案,用于更改Selected Pivot Header的背景/前景。注意到Storyboards

如果要修改标题模板

,则需要原始控件命名空间
<phone:PhoneApplicationPage
    xmlns:Primitives="clr-namespace:Microsoft.Phone.Controls.Primitives;assembly=Microsoft.Phone" x:Name="phoneApplicationPage">

有用的SO链接

How to Style the Selected PivotItem Header


如果您需要更多帮助,那么您想要将Pivot Header设置为什么?具有SelectedItem底部边框的图像?