「東雲 忠太郎」の平凡な日常のできごと

「東雲 忠太郎」の平凡な日常のできごと

2024.04.20
XML
カテゴリ: C#.NET


マウスホバー時に背景色を変更するには、XAML のトリガーとスタイルを使用します。以下に、C# WPF でマウスホバー時に背景色を変更する方法を示します。


まず、`MainWindow.xaml` に `Button` 要素を追加します。


```xml

<Window x:Class="YourNamespace.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Hover Background Color Sample" Height="200" Width="300">

    <Grid>

        <Button Content="Hover Me" Width="100" Height="50" HorizontalAlignment="Center" VerticalAlignment="Center">

            <Button.Style>

                <Style TargetType="Button">

                    <Setter Property="Background" Value="LightGray"/>

                    <Style.Triggers>

                        <Trigger Property="IsMouseOver" Value="True">

                            <Setter Property="Background" Value="LightBlue"/>

                        </Trigger>

                    </Style.Triggers>

                </Style>

            </Button.Style>

        </Button>

    </Grid>

</Window>

```


このコードでは、`Button` 要素内で `Style` を定義しています。ボタンの背景色は初期値として `LightGray` に設定され、マウスがホバーされたときに `Trigger` を使用して背景色を `LightBlue` に変更します。


この方法を使用すると、マウスがボタン上にホバーされると背景色が変更されます。必要に応じて、他のコントロールや要素でも同様の方法で背景色を変更することができます。






お気に入りの記事を「いいね!」で応援しよう

Last updated  2024.04.20 13:22:12


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: