如何在Windows WPF XAML中实现无方向的均匀阴影效果?
实现WPF Border均匀分布阴影的解决方法
你当前使用的DropShadowEffect因为设置了ShadowDepth="2"和Direction="90",导致阴影仅朝90度方向偏移,呈现单侧阴影效果。要实现四周均匀分布的阴影,最简单的调整方式如下:
- 将
ShadowDepth设为0:这个参数控制阴影相对于元素的偏移距离,设为0后阴影会从元素边缘向四周均匀扩散,此时Direction参数不再起作用。
修改后的XAML代码如下:
<Border CornerRadius="30" Width="254" Height="50" Background="White"> <Border.Effect> <DropShadowEffect ShadowDepth="0" Color="Black" Opacity="0.2" BlurRadius="18"/> </Border.Effect> </Border>
如果觉得均匀阴影的强度或范围不符合预期,可以适当调整Opacity(提高数值增强阴影明显度)或者BlurRadius(增大数值扩展阴影覆盖范围)。
内容的提问来源于stack exchange,提问作者Tom Xue
相关产品推荐
相关产品推荐

