鼠标输入WPF上的光晕效果
本文关键字:光晕 输入 WPF 鼠标 | 更新日期: 2023-09-27 18:28:41
我是WPF(c#)的新手。我需要使用triggers
在图像控制周围制作光晕效果。如何在mouse-enter
事件上产生光晕效果?我想用你的回答我的风格。
我的效果是:
<DropShadowEffect x:Key="MyEffect" ShadowDepth="0" Color="Blue" Opacity="1" BlurRadius="20"/>
我看到很多链接,但它们不起作用。
要将辉光添加到Image
控件,需要在IsMouseOver=True
时将Effect
设置为DropShadowEffect
,如下所示:
<Image Source="/WpfApplication1;component/myimage.png">
<Image.Style>
<Style TargetType="{x:Type Image}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Effect">
<Setter.Value>
<DropShadowEffect ShadowDepth="0" Color="Blue" Opacity="1" BlurRadius="20"/>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
如果要重用效果,必须捕获IsMouseOver触发器并将Control.effect属性设置为您在资源中定义的属性。
<Button Width="100" Content="Hello Glow" >
<Button.Style>
<Style>
<Style.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter Property="Button.Effect" Value="{StaticResource MyEffect}" />
</Trigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>
为此,您必须将您的效果放在当前页面/窗口/用户控制的资源中
<Window.Resources>
<DropShadowEffect x:Key="MyEffect" ShadowDepth="0" Color="Blue" Opacity="1" BlurRadius="20"/>
</Window.Resources>