WPF中为DrawingGroup/DrawingContext添加发光效果的技术问询

我之前也碰到过完全一样的问题——WPF里DrawingGroup的旧BitmapEffect早就被弃用了，新的Effect属性确实只有BlurEffect、DropShadowEffect和ShaderEffect这三个内置选项。想做发光效果的话，分两种情况来解决：

快速方案：用DropShadowEffect模拟发光 #

不用碰HLSL就能搞定，其实发光效果本质上就是无偏移的大模糊彩色阴影。你只需要把DropShadowEffect的参数调整一下就行：

var glowEffect = new DropShadowEffect
{
    Color = Colors.Magenta, // 换成你想要的发光颜色
    BlurRadius = 20,        // 模糊半径越大，发光范围越广
    ShadowDepth = 0,        // 把阴影偏移设为0，让光围绕元素
    Opacity = 0.7           // 控制发光的透明度
};

// 给你的DrawingGroup应用这个效果
yourTargetDrawingGroup.Effect = glowEffect;

这个方法的优点是零学习成本，代码直接能用，应付大部分日常场景完全足够；缺点是没办法做那种渐变发光或者自定义形状的发光效果。

进阶方案：自定义ShaderEffect #

如果你的需求比较特殊，必须做个性化的发光，那确实得写点基础的HLSL代码。别慌，入门级的着色器其实很简单，我给你一个现成的模板：

1. 先创建一个.fx格式的着色器文件（比如命名为SimpleGlow.fx），内容如下：

sampler2D inputSampler : register(s0);
float glowStrength : register(c0); // 可以自定义发光强度参数

float4 GlowPixelShader(float2 uv : TEXCOORD) : COLOR
{
    float4 originalColor = tex2D(inputSampler, uv);
    // 基础逻辑：提亮原颜色并叠加，模拟发光
    float4 glowColor = originalColor * glowStrength;
    return originalColor + glowColor;
}

technique GlowTechnique
{
    pass Pass1
    {
        PixelShader = compile ps_2_0 GlowPixelShader();
    }
}

2. 然后在WPF项目里创建一个继承自ShaderEffect的类，用来加载这个着色器：

public class SimpleGlowEffect : ShaderEffect
{
    // 注册输入纹理属性
    public static readonly DependencyProperty InputProperty = 
        ShaderEffect.RegisterPixelShaderSamplerProperty("Input", typeof(SimpleGlowEffect), 0);
    
    // 自定义发光强度的依赖属性
    public static readonly DependencyProperty GlowStrengthProperty =
        DependencyProperty.Register("GlowStrength", typeof(double), typeof(SimpleGlowEffect),
            new UIPropertyMetadata(1.5, PixelShaderConstantCallback(0)));

    public SimpleGlowEffect()
    {
        var pixelShader = new PixelShader();
        // 这里要替换成你编译后的ps文件的资源路径
        pixelShader.UriSource = new Uri("pack://application:,,,/YourWpfProject;component/SimpleGlow.ps");
        PixelShader = pixelShader;
        UpdateShaderValue(InputProperty);
        UpdateShaderValue(GlowStrengthProperty);
    }

    public Brush Input
    {
        get => (Brush)GetValue(InputProperty);
        set => SetValue(InputProperty, value);
    }

    public double GlowStrength
    {
        get => (double)GetValue(GlowStrengthProperty);
        set => SetValue(GlowStrengthProperty, value);
    }
}

3. 最后编译你的.fx文件成.ps（可以用DirectX的fxc.exe工具，或者在Visual Studio里安装相关扩展来编译），然后就可以像用内置效果一样使用了：

yourDrawingGroup.Effect = new SimpleGlowEffect { GlowStrength = 2.0 };

小提示 #

• 如果只是做基础发光，优先用DropShadowEffect模拟，省事儿
• 写HLSL的时候不用一开始就搞复杂的模糊算法，先从简单的颜色叠加开始，慢慢调整

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