Condividi tramite

Procedura: Usare trigger per stilizzare gli elementi selezionati in un ListView

  • Articolo

In questo esempio viene illustrato come definire Triggers per un controllo ListViewItem in modo che quando viene modificato un valore della proprietà di un ListViewItem, il Style del ListViewItem cambia in risposta.

Esempio

Se si desidera che il Style di un ListViewItem venga modificato in risposta alle modifiche alle proprietà, definire Triggers per la modifica del Style.

Nell'esempio seguente, si definisce una Trigger che imposta la proprietà Foreground a Blue e modifica il Cursor per mostrare un Hand quando la proprietà IsMouseOver cambia in true.

<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>

Nell'esempio seguente viene definito un MultiTrigger che imposta la proprietà Foreground di un ListViewItem su Yellow quando il ListViewItem è l'elemento selezionato e ha il focus della tastiera.

<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>

Vedere anche