方法: トリガーを使用して、ListView で選択された項目のスタイルを設定する

  • [アーティクル]

この例は、ListViewItem コントロールの Triggers を定義して、ListViewItem のプロパティ値の変更に応じて ListViewItem の Style が変更されるようにする方法を示します。

例

プロパティの変更に応じて ListViewItem の Style を変更する場合は、Style の変更に対して Triggers を定義します。

次の例では、Foreground プロパティを Blue に設定し、IsMouseOver プロパティが true に変更されたときに Hand を表示するように Cursor を変更する Trigger を定義しています。

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

次の例では、ListViewItem が選択された項目で、キーボード フォーカスがある場合に、ListViewItem の Foreground プロパティを Yellow に設定する MultiTrigger を定義しています。

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

関連項目