1

wp7でピボットページを作成したいと思います。

 <Grid x:Name="LayoutRoot" Background="Transparent">
    <!--Pivot Control-->
    <controls:Pivot Title="MY APPLICATION">
        <!--Pivot item one-->
        <controls:PivotItem Header="item1">
            <Grid/>
        </controls:PivotItem>

        <!--Pivot item two-->
        <controls:PivotItem Header="item2">
            <Grid/>
        </controls:PivotItem>
    </controls:Pivot>
</Grid>

pivoItemsが自動的にバインドされ List<Article>、クラスArticleが次のように定義される必要があります。

  public class Article
{
    private string _logoUrl;
    public string LogoUrl
    {
        get { return _logoUrl; }
        set { _logoUrl = value; }
    }
    private string _title;
    public string Title
    {
        get { return _title; }
        set { _title = value; }
    }
    private string _descrption;
    public string Descrption
    {
        get { return _descrption; }
        set { _descrption = value; }
    }
}

Datatemplateを使用して各PivotItemを各Articleにバインドするにはどうすればよいですか(各ArticleのタイトルがPivotItemのヘッダーに表示され、Webブラウザーの説明がHTMLであるため表示される必要があります)

よろしくお願いします

4

1 に答える 1

0

まず、PivotItemfor each 記事を作成するには、単純に次のItemsSourceプロパティを使用します。

<controls:Pivot Title="MY APPLICATION" ItemsSource="{Binding Path=TheListOfArticles}">

ヘッダーを変更するには、次をオーバーライドしますHeaderTemplate

<controls:Pivot ItemsSource="{Binding Path=TheListOfArticles}" Title="MY APPLICATION">
    <controls:Pivot.HeaderTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Path=Title}" />
        </DataTemplate>
    </controls:Pivot.HeaderTemplate>
</controls:Pivot>

同様に、 をオーバーライドして、それぞれの表示ItemTemplate方法を定義します。PivotItem

<controls:Pivot.ItemTemplate>
    <DataTemplate>
        <!-- whatever -->
    </DataTemplate>
</controls:Pivot.ItemTemplate>
于 2012-10-25T11:28:28.327 に答える