Procedure: Triggers gebruiken om geselecteerde items in een ListView-stijl te stylen

In dit voorbeeld ziet u hoe u Triggers definieert voor een ListViewItem besturingselement, zodat wanneer een eigenschapswaarde van een ListViewItem verandert, de Style van de ListViewItem dienovereenkomstig verandert.

Voorbeeld

Als u wilt dat de Style van een ListViewItem verandert als reactie op eigenschapswijzigingen, definieert u Triggers voor de Style verandering.

In het volgende voorbeeld wordt een Trigger gedefinieerd die de Foreground-eigenschap instelt op Blue en Cursor wijzigt om een Hand weer te geven wanneer de IsMouseOver-eigenschap naar true verandert.

<Style x:Key="MyContainer" TargetType="{x:Type ListViewItem}">

  <Setter Property="Margin" Value="0,1,0,0"/>
  <Setter Property="Height" Value="21"/>

  <Style.Triggers>

<Trigger Property="IsMouseOver" Value="true">
  <Setter Property="Foreground" Value="Blue" />
  <Setter Property="Cursor" Value="Hand"/>
</Trigger>

  </Style.Triggers>
</Style>

In het volgende voorbeeld wordt de MultiTrigger eigenschap van een Foreground ingesteld op ListViewItem wanneer het Yellow geselecteerde item is en toetsenbordfocus heeft.

<Style x:Key="MyContainer" TargetType="{x:Type ListViewItem}">

  <Setter Property="Margin" Value="0,1,0,0"/>
  <Setter Property="Height" Value="21"/>

  <Style.Triggers>

<MultiTrigger>
  <MultiTrigger.Conditions>
    <Condition Property="IsSelected" Value="true" />
    <Condition Property="Selector.IsSelectionActive" Value="true" />
  </MultiTrigger.Conditions>
  <Setter Property="Foreground" Value="Yellow" />
</MultiTrigger>

  </Style.Triggers>
</Style>

Zie ook

• Control
• ListView
• GridView
• Handleidingonderwerpen
• Overzicht van ListView
• GridView Overzicht