1. ホーム
  2. wpf

XAMLでボーダーのMouseOverイベント/トリガーを設定する方法は?

2023-10-16 05:24:08

質問

マウスを乗せると枠線が緑色になり、乗せなくなると青色に戻るようにしたいのですが、可能でしょうか?

私はこれを試みたが、うまくいかなかった。

<Border 
    Name="ClearButtonBorder" 
    Grid.Column="1" 
    CornerRadius="0,3,3,0" 
    Background="Blue">
    <Border.Triggers>
        <Trigger Property="Border.IsMouseOver" Value="True">
            <Setter Property="Border.Background" Value="Green" />
        </Trigger>
        <Trigger Property="Border.IsMouseOver" Value="False">
            <Setter Property="Border.Background" Value="Blue" />
        </Trigger>
    </Border.Triggers>
    <TextBlock 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        Text="X" />
</Border>

MouseOverのトリガーやイベントはどのように設定すればよいのでしょうか?

どのように解決するのですか?

そうですね、これは分かりにくいですね...。

によれば このブログの記事 によると、これは WPF の省略であるようです。

これを動作させるためには、スタイルを使用する必要があります。

    <Border Name="ClearButtonBorder" Grid.Column="1" CornerRadius="0,3,3,0">
        <Border.Style>
            <Style>
                <Setter Property="Border.Background" Value="Blue"/>
                <Style.Triggers>
                    <Trigger Property="Border.IsMouseOver" Value="True">
                        <Setter Property="Border.Background" Value="Green" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="X" />
    </Border>

多くの人はこのようなことをスタイルに因数分解する傾向があるので、この問題はそれほど一般的ではないのでしょう、複数のコントロールに使用することができます。