WPF .NET应用缩放或调整分辨率时WPF-Neumorphism-Plus按钮显示异常

安全阿岳

2026-9-30

问题原因分析

自定义着色器的参数未适配DPI缩放：你当前在XAML中给Neumorphism_Plus_Shader写死的BorderRadius、OffsetX、OffsetY等都是固定的设备无关单位数值，系统DPI缩放或者分辨率调整后，实际渲染的设备像素和着色器计算时使用的像素值不匹配，导致阴影、圆角和按钮本体错位。
项目未开启正确的高DPI感知：如果WPF项目没有开启Per-Monitor V2级别的DPI感知，窗口跨显示器移动或者缩放比例调整时，WPF会对整体画面做位图拉伸，直接破坏着色器的像素级计算结果。
元素渲染未对齐设备像素：默认情况下WPF元素不会强制对齐设备像素，圆角、阴影这类需要像素精确匹配的效果很容易出现半透明边缘、错位的问题。

解决方案

开启项目高DPI感知
.NET 6+项目可直接在csproj项目文件的PropertyGroup节点下添加配置：
```
<ApplicationHighDpiMode>PerMonitorV2</ApplicationHighDpiMode>
```
低版本.NET框架可在App.config中添加对应的高DPI感知配置，同时在项目属性的"生成"选项中勾选"高DPI感知"。
动态适配着色器参数
不要写死着色器的数值参数，通过值转换器将固定DIP值乘以当前窗口的DPI缩放比例后再赋值给对应属性。可以监听窗口的DpiChanged事件，在缩放比例变化时同步更新所有着色器的参数值。
开启设备像素对齐
在按钮的模板根节点Grid上添加两个属性：
```
SnapsToDevicePixels="True"
RenderOptions.BitmapScalingMode="HighQuality"
```
强制渲染对齐设备像素，减少边缘半透明错位的问题。
临时验证方案
如果要快速定位是否为硬件渲染适配问题，可以在App.xaml.cs的OnStartup方法中添加代码，临时切换为软件渲染验证效果：
```
RenderOptions.ProcessRenderMode = System.Windows.Interop.RenderMode.SoftwareOnly;
```
该方案会降低渲染性能，仅做验证使用，不建议正式环境开启。