WPF:如果我在父项上使用投影效果，为什么文本和元素会模糊

Question

如果我向父元素添加 DropShadowEffect ，子元素的文本将变得模糊。为什么？

<Grid>
    <Grid.Effect>
        <DropShadowEffect />
    </Grid.Effect>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition />
    </Grid.RowDefinitions>
    <TextBlock Background="White">Test</TextBlock>
</Grid>

更新:

有阴影

没有阴影

Answer 1

文本之所以模糊是因为Effects导致元素和所有子元素先渲染成Bitmap。这意味着无法进行子像素渲染 (ClearType)，因此文本显示质量较低。

您可以通过仅将效果应用于视觉树的部分来解决此问题。不包含文本的部分。

在你的情况下，你可能想要这样的东西:

<Grid>
    <Border>
        <Border.Effect>
            <DropShadowEffect />
        </Border.Effect>
    </Border>
    <TextBlock Background="White">Test</TextBlock>
</Grid>