3

pivot controlwp7で学習用のシンプルなアプリを開発しています。

ヘッダーのテキストの代わりにピボット項目の画像を追加できますか (以下の画像の赤いマークの領域)。

画像を追加することは可能ですか、私に提案してください

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

前もって感謝します

マークされた赤い領域に画像を追加できますか

4

3 に答える 3

7

このヒントを使用してください:

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

次に、ピボットアイテムヘッダーを次のように設定します

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

スクリーンショットを確認する

于 2014-10-17T20:37:41.797 に答える
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 propertyimages sourceListItemsSource

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

はい、そうです。単純に HeaderTemplate を使用する

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

これは一般的に可能ですが、一般的な使用にはお勧めできません。まったく別のピボット機能が必要な場合を除きます。それはやや直感的ではありません。

于 2013-01-21T15:00:11.130 に答える