编辑数据透视的模板

本文关键字：透视 数据 编辑 | 更新日期: 2023-09-27 17:58:31

我有一个应用程序页面。在这个页面中，我有两个主控件。它们是图像控件和数据透视控件。我想将页面设计为：

https://onedrive.live.com/redir?resid=C375ECE2AD56F56F%216996

在我的页面中，蓝色部分覆盖图像（应用程序的徽标），第一部分（白色部分）覆盖Pivot。Pivot的页眉对齐缩进约120px。

我不知道如何在WP中制作这个页面。

请大家帮帮我！

非常感谢。

编辑数据透视的模板

您可以使用Pivot控件的HeaderTemplate。

<phone:Pivot.HeaderTemplate>
    <DataTemplate>
        <Grid>
            <TextBlock Text="{Binding}" FontSize="{StaticResource PhoneFontSizeExtraLarge}"/>
        </Grid>
    </DataTemplate>
</phone:Pivot.HeaderTemplate>

除了文本，你还必须在它旁边添加你的徽标。你可以使用网格将图像放在文本的左边，也可以使用带有水平内容的堆叠面板。

更新：忘记提及页面顶部声明的"电话"命名空间：

<phone:PhoneApplicationPage
...
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
...>

希望，这可能对你有用。根据您的要求进行修改。

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <phone:Pivot>
            <phone:Pivot.HeaderTemplate>
                <DataTemplate>
                    <StackPanel Background="Blue"
                                Margin="15,-10,0,0">
                        <TextBlock Text="{Binding}"
                                   FontSize="20"
                                   />
                    </StackPanel>
                </DataTemplate>
            </phone:Pivot.HeaderTemplate>
            <phone:PivotItem Header="item1">
                <Grid Background="Red"></Grid>
            </phone:PivotItem>
            <phone:PivotItem Header="item2">
                <Grid Background="Green"></Grid>
            </phone:PivotItem>
        </phone:Pivot> 
        <Image Source="/Assets/abc.png"
               Height="30"
               Width="30"
               HorizontalAlignment="Left"
               VerticalAlignment="Top"/>
    </Grid>
相关文章：