如何增加对枢项标题图片(how to add images for pivot item heade

正在开发用于学习简单的应用程序pivot control在WP7。

我们可以添加图片为支点项目，而不是在标题文本（在波纹管图像红色标记区域）。

是否有可能添加图像，请建议我

我的XAML代码是：

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

提前致谢

Answer 1:

使用这个技巧：

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

然后设置您的枢轴项目作为标题

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

Answer 2:

是的。 只需使用HeaderTemplate中

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

我还要补充一点，而这通常是可能的，但不建议一般使用。 除非你需要的东西完全不同的透视功能。 这多少有一点不直观。

Answer 3:

与@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   

文章来源: how to add images for pivot item header