如何删除数据透头标题但保持功能

时间:2013-11-21 17:55:15

标签: xaml windows-phone-7 windows-phone-8

在上一个问题How to Change Pivot Header Template in Windows Phone 8中,我重新尝试了Pivot Header,但我想知道如何在保持PivotControl功能的同时删除所有标题。

1 个答案:

答案 0 :(得分:0)

这是我用于同一目的的解决方案,它工作正常:

<phone:PhoneApplicationPage.Resources>
    <Style x:Key="PivotStyle1" TargetType="phone:Pivot">
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="phone:Pivot">
                    <Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
                        <primitives:PivotHeadersControl x:Name="HeadersListElement" />
                        <ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="PivotItemStyle1" TargetType="phone:PivotItem">
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Padding" Value="0"/>
    </Style>
</phone:PhoneApplicationPage.Resources>

<phone:Pivot x:Name="MyPivot"
    Style="{StaticResource PivotStyle1}" ItemContainerStyle="{StaticResource PivotItemStyle1}">
    <phone:Pivot.ItemTemplate>
        <DataTemplate><!-- dummy content to show that no header is on the screen -->
            <Border BorderBrush="Blue" BorderThickness="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                <Grid Background="Red" />
            </Border>
        </DataTemplate>
    </phone:Pivot.ItemTemplate>
    <!-- we need empty header template to hide the pivotitem title completely -->
    <phone:Pivot.HeaderTemplate>
        <DataTemplate />
    </phone:Pivot.HeaderTemplate>
</phone:Pivot>