c# - XAMLのCollectionViewの最初の要素に特定のスタイルを設定するにはどうすればよいですか？

Question

Metroスタイルアプリを見ていましたが、CollectionViewの最初の要素のXAMLスタイルが他の要素とは異なるスタイルであることに気付きました。

この例を確認してください。

XAMLの最初の要素に別のスタイルを設定する方法を知っているのは1人だけですか？私は考えていました、これを行うにはコンバーターを実装する必要がありますか？またはテンプレートを作成しますか？

Answer 1

データバインディング（またはWinRTボートをフロートするものは何でも）のさまざまなプロパティを公開するカスタムオブジェクトにバインドされたテンプレートとして、このようなことを行うことができると思います

<ScrollViewer>
    <Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Grid.RowSpan="3" Text="First" FontSize="288"/>
        <TextBlock Grid.Row="3" Grid.Column="0" Text="Second" FontSize="70"/>
        <TextBlock Grid.Row="3" Grid.Column="1" Text="Third" FontSize="70"/>
        <TextBlock Grid.Row="3" Grid.Column="2" Text="Fourth" FontSize="70"/>
        <TextBlock Grid.Row="0" Grid.Column="3" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="1" Grid.Column="3" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="2" Grid.Column="3" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="3" Grid.Column="3" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="0" Grid.Column="4" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="1" Grid.Column="4" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="2" Grid.Column="4" Text="Blah" FontSize="70"/>
        <TextBlock Grid.Row="3" Grid.Column="4">
                <Run FontSize="70">Moar</Run>
                <LineBreak/>
                <Run FontSize="20">Ommm nom nom</Run>
                <LineBreak/>
                <Run FontSize="10">blah blah blah</Run>
        </TextBlock>
    </Grid>
</ScrollViewer>