c# - Button 上的 WPF Dropshadow 导致文本模糊

Question

这有点让我发疯。将 DropShadowEffect 添加到按钮。在 IDE 中它看起来像这样:

第二个按钮供引用，没有DropShadowEffect。如您所见，接下来没有区别。然后我构建项目，当它运行时它看起来像这样:

是什么导致了这种变化？这是两个按钮的 XAML:

<Button Name="clearButton" Content="Clear" Click="clearButton_Click" Margin="5,0,5,0" MaxWidth="80" MinHeight="40" 
    TextOptions.TextFormattingMode="Display">
<Button.Effect>
    <DropShadowEffect BlurRadius="5" ShadowDepth="3" />
</Button.Effect>
</Button>
<Button Content="Clear" Margin="5,5,5,0" MaxWidth="80" MinHeight="40"  TextOptions.TextFormattingMode="Display" />

编辑:使用@gretro 确实使它看起来更好，但它仍然不正确:

但在 IDE 中它又一次看起来不错:

Answer 1

您的整个按钮都呈现在跨像素边界上。请注意 1 点边框实际上如何跨越多个像素，从而导致模糊效果。

尝试在父元素或祖先元素上设置 UseLayoutRounding="True"。树越往上越好(您的 View 的根视觉效果将是理想的)。您也可以尝试 SnapsToDevicePixels="True"。