You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 06:44:55