如何将特定样式设置为XAML中CollectionView中的第一个元素？

Question

我看到Metro风格应用程序，我意识到，在一个的CollectionView的第一个元素的XAML风格有从anothers不同的风格。

检查这个例子。

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

Answer 1

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