如何將特定樣式設置爲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>