c# - 如何在 XAML 中为 CollectionView 中的第一个元素设置特定样式？

Question

我看到 Metro 风格的应用程序，我意识到 CollectionView 的第一个元素中的 XAML 风格与其他风格有不同的风格。

检查这个例子。

我只是知道如何为 XAML 中的第一个元素设置不同的样式？我在想，我是否需要实现转换器来做到这一点？还是创建模板？

Answer 1

我认为你可以做这样的事情，作为绑定到自定义对象的模板，该对象公开数据绑定的各种属性（或 ViewModel，无论你的 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>