如何在WPF中实现边框发光效果？

你当前代码的问题出在DropShadowEffect的ShadowDepth="7"参数上，这个值会让阴影向指定方向偏移，形成斜向阴影，而非均匀环绕边框的发光效果。以下是两种可行的解决方案：

方案一：修正DropShadowEffect参数 #

将阴影偏移量ShadowDepth设为0，让阴影均匀分布在Border四周，再调整模糊半径来控制发光范围：

<Border x:Name="MainBorder" 
        Background="#161616"
        CornerRadius="10"
        BorderThickness="4"
        BorderBrush="#400F62"
        Opacity="1.0" 
        Margin="10">
    <Border.Effect>
        <DropShadowEffect Color="#FFAB08EC" 
                         BlurRadius="15"  <!-- 可根据需求调整发光扩散范围 -->
                         Opacity="0.75" 
                         RenderingBias="Quality" 
                         ShadowDepth="0"/> <!-- 关键：设为0消除阴影偏移 -->
    </Border.Effect>
</Border>

方案二：双层Border嵌套（推荐） #

如果需要发光效果完全贴合边框轮廓，且避免内部背景遮挡阴影，建议用双层Border分离发光层和内容层：

<!-- 外层仅负责显示发光效果，无背景、无边框 -->
<Border Margin="10"
        CornerRadius="10">
    <Border.Effect>
        <DropShadowEffect Color="#FFAB08EC" 
                         BlurRadius="15" 
                         Opacity="0.75" 
                         RenderingBias="Quality" 
                         ShadowDepth="0"/>
    </Border.Effect>
    <!-- 内层为实际内容容器，保留原样式 -->
    <Border x:Name="MainBorder" 
            Background="#161616"
            CornerRadius="10"
            BorderThickness="4"
            BorderBrush="#400F62"
            Opacity="1.0"
            Margin="2"/> <!-- 少量margin保证发光效果完整显示在外侧 -->
</Border>

这种方式能确保发光的圆角轮廓与内层Border完全匹配，同时避免阴影被内部背景覆盖，效果更精准。

内容的提问来源于stack exchange，提问作者Tim Joey