3

pivot control我正在开发一个用于在 wp7中学习的简单应用程序。

我们可以为数据透视项目添加图像而不是标题中的文本（下图中的红色标记区域）。

是否可以添加图片，请建议我

我的xml代码是：

 <Grid x:Name="LayoutRoot" Background="Transparent">
    <!--Pivot Control-->
    <controls:Pivot Title="MY APPLICATION" Name="mainPivot">
        <!--Pivot item one-->
        <controls:PivotItem Header="item1">
            <Grid>
                <Image Source="/SchoolList;component/Gallery/child.jpg"/>
            </Grid>
        </controls:PivotItem>

        <!--Pivot item two-->
        <controls:PivotItem Header="item2">
            <Grid>
                <Image Source="/SchoolList;component/Gallery/class.jpg"/>
            </Grid>
        </controls:PivotItem>
    </controls:Pivot>
</Grid>

提前致谢

在标记的红色区域我们可以添加图像吗

4

3 回答 3

7

使用这个提示：

<phone:Pivot>
        <phone:Pivot.HeaderTemplate>
            <DataTemplate>
                <Image Source="{Binding}" /> // important
            </DataTemplate>
        </phone:Pivot.HeaderTemplate> 
</phone:Pivot>

然后将您的 Pivot Item 标题设置为

<phone:PivotItem Header="path-to-image" >

检查屏幕截图

于 2014-10-17T20:37:41.797 回答
1

是的。只需使用 HeaderTemplate

<Pivot>
    <Pivot.HeaderTemplate>
        <DataTemplate>
            <Image ... />
        </DataTemplate>
    </Pivot.HeaderTemplate>
</Pivot>

我还要补充一点，虽然这通常是可能的，但不建议一般使用。除非您需要完全不同的东西的枢轴功能。这有点不直观。

于 2013-01-21T15:00:11.130 回答
1

借助@toni petrina 的想法，我HeaderTemplate使用data binding. 我在我的应用程序中使用带有标题模板中的图像的枢轴实现了图像库，提供了很好的外观和感觉

Xaml 代码是：

<controls:Pivot Title="Photo Gallery" Name="mainPivot" ItemsSource="{Binding PivotImages}">
        <controls:Pivot.HeaderTemplate>
            <DataTemplate>
                <Image Name="play" Source="{Binding imgSrc}" Height="80" Width="120" Margin="0,10,0,0"/>
            </DataTemplate>
        </controls:Pivot.HeaderTemplate>
        <controls:Pivot.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Image Name="mainImage" Source="{Binding imgSrc}" />
                </Grid>
            </DataTemplate>
        </controls:Pivot.ItemTemplate>
</controls:Pivot>

我创建了一个简单class的用一个string property来保存images source并准备一个List并分配给ItemsSource页面加载事件的枢轴

mainPivot.ItemsSource = items; // items is the list with image sources
于 2013-01-28T05:33:26.977 回答