Dela via

Anvisningar: Formatera en rad i en listvy som implementerar en GridView

Det här exemplet visar hur du formaterar en rad i en ListView kontroll som använder ett GridViewView läge.

Exempel

Du kan formatera en rad i en ListView kontroll genom att ange en ItemContainerStyle på ListView-kontrollen. Ange formatmallen för dess objekt som representeras som ListViewItem objekt. ItemContainerStyle refererar till de ControlTemplate objekt som används för att visa radinnehållet.

Det fullständiga exemplet, som följande exempel extraheras från, visar en samling sånginformation som lagras i en XML-databas. Varje låt i databasen har ett klassificeringsfält och värdet för det här fältet anger hur en rad med låtinformation ska visas.

I följande exempel visas hur du definierar ItemContainerStyle för de ListViewItem objekt som representerar låtarna i låtsamlingen. ItemContainerStyle refererar till ControlTemplate objekt som anger hur en rad med låtinformation ska visas.

 <ListView.ItemContainerStyle>
  <Style TargetType="{x:Type ListViewItem}"  >
    <Setter Property="Template"
          Value="{StaticResource Default}"/>
    <Style.Triggers>
      <DataTrigger Binding="{Binding XPath=@Rating}" Value="5">
              <Setter Property="Template" 
              Value="{StaticResource StronglyRecommended}"/>
      </DataTrigger>
      <DataTrigger Binding="{Binding XPath=@Rating}" Value="4">
        <Setter Property="Template" 
              Value="{StaticResource Recommended}"/>
      </DataTrigger>
    </Style.Triggers>
  </Style>
</ListView.ItemContainerStyle>

I följande exempel visas en ControlTemplate som lägger till textsträngen "Strongly Recommended" till raden. Den här mallen refereras till i ItemContainerStyle och visas när låtens omdöme har värdet 5 (fem). ControlTemplate innehåller ett GridViewRowPresenter-objekt som ordnar radens innehåll i kolumner enligt det definierade GridView-visningsläget.

<ControlTemplate x:Key="StronglyRecommended" 
                 TargetType='{x:Type ListViewItem}'>
  <StackPanel Background="Beige">
    <GridViewRowPresenter Content="{TemplateBinding Content}"
       Columns="{TemplateBinding GridView.ColumnCollection}"/>
    <TextBlock Background="LightBlue" Text="Strongly Recommended" />
  </StackPanel>
</ControlTemplate>

I följande exempel definieras GridView.

<ListView.View>
  <GridView ColumnHeaderContainerStyle="{StaticResource MyHeaderStyle}">
    <GridViewColumn Header="Name" 
                    DisplayMemberBinding="{Binding XPath=@Name}" 
                    Width="100"/>
    <GridViewColumn Header="Time" 
                    DisplayMemberBinding="{Binding XPath=@Time}" 
                    Width="80"/>
    <GridViewColumn Header="Artist"  
                    DisplayMemberBinding="{Binding XPath=@Artist}" 
                    Width="80" />
    <GridViewColumn Header="Disk" 
                    DisplayMemberBinding="{Binding XPath=@Disk}"  
                    Width="100"/>
  </GridView>
</ListView.View>

Se även

  • Last updated on