仅对 WPF/XAML 中的图像悬停时产生阴影效果或模糊效果答案

【问题标题】：Drop Shadow Effect or blur effect only on Image on-hovering in WPF/XAML仅对 WPF/XAML 中的图像悬停时产生阴影效果或模糊效果
【发布时间】：2012-08-19 04:10:14
【问题描述】：

我有一个阴影属性定义如下的图像。

 <Border Background="Black" Margin="42,180,368,38">
   <Border.Effect>
     <DropShadowEffect Color="Aqua"  Opacity="0.5"/>
   </Border.Effect>

   <Image Height="92" Width="97" Source="/Images/image_search.png" />
 </Border>

这会产生带边框的图像。好的。但是，我需要只在图像悬停时显示边框吗？我怎么做？另外，悬停在上面的图像如何模糊？

非常感谢。

【问题讨论】：

标签： c# wpf visual-studio-2010 xaml

【解决方案1】：

您可以使用样式和触发器来做到这一点。

    <Border Margin="42,180,368,38"> 
        <Border.Style>
            <Style TargetType="Border">
                <Setter Property="Background" Value="{x:Null}"/>
                <Setter Property="BorderThickness" Value="0"/>
                  <Style.Triggers>
                    <Trigger Property="Border.IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Black"/>                            
                        <Setter Property="Effect">
                            <Setter.Value>
                                <DropShadowEffect Color="Aqua"  Opacity="0.5"/>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>            
        <Image Height="92" Width="97" Source="/Images/image_search.png" />
    </Border>

样式中的第一个 Setter 将背景颜色显式设置为 null 并将边框粗细设置为 '0' 以“隐藏”边框。当边框控件的 IsMouseOver 属性设置为 true 时，Trigger 设置边框背景属性。

【讨论】：

谢谢巴图。那确实帮助了我。知道如何在鼠标悬停时模糊图像（我正在尝试一些很酷的东西，比如在 Windows 8 菜单悬停中？）
使用搜索功能，或者直接关注this link。祝你好运！
当我使用上面的代码时遇到了一个问题，比如“属性'样式'被设置了不止一次”。糟糕。我哪里出错了？
只有答案中的代码，还是您添加了什么？删除除一项属性分配之外的所有内容。 Look here!
不。只是包含在网格中的相同代码。它说，“错误1对象'Style'已经有一个孩子，不能添加'Image'。'Style'只能接受一个孩子。”