6

我在 WPF/XAML 中有一个带有此模板和样式的网格：

<Setter Property="TextOptions.TextFormattingMode" Value="Display" />
<Setter Property="RenderOptions.ClearTypeHint" Value="Enabled" />
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type DataGridCell}">
            <Border Padding="{TemplateBinding Padding}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                <ContentPresenter x:Name="CellContent" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RenderOptions.ClearTypeHint="Enabled" />
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter TargetName="CellContent" Property="TextOptions.TextFormattingMode" Value="Display" />
                    <Setter TargetName="CellContent" Property="RenderOptions.ClearTypeHint" Value="Enabled" />
                    <Setter TargetName="CellContent" Property="Effect">
                        <Setter.Value>
                            <DropShadowEffect ShadowDepth="2" BlurRadius="2" Color="Black" RenderingBias="Quality" />
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>

当DropShadowEffect您选择网格行时，我有，似乎使文本渲染模糊（灰色抗锯齿）：

在此处输入图像描述

当我删除阴影效果时，它看起来很清晰，因为它现在使用 ClearType 而不是灰色子像素抗锯齿：

在此处输入图像描述

我已经尝试申请RenderOptions.ClearTypeHint="Enabled"如上ContentPresenter所示，但它没有帮助。

如何强制 WPF 呈现以投影效果显示的文本以保留 Cleartype 抗锯齿，而不是那种丑陋的模糊灰色亚像素抗锯齿？

有些人认为它是模糊的，因为有阴影——这不是真的。只是因为没有使用 ClearType 才模糊。这是阴影和 ClearType 在 Firefox 中的样子：

在此处输入图像描述

启用 ClearType 的文本是彩色的——但模糊文本不是，因为它不使用 ClearType——它使用灰色亚像素抗锯齿，这不是 ClearType 的工作方式：http ://en.wikipedia.org/wiki/清除类型

问题是：如何为此文本启用 ClearType？

4

6 回答 6

12

设置TextOptions.TextFormattingModetoDisplay和RenderOptions.BitmapScalingModetoNearestNeighbor怎么样？后者是 WPF 3.5 SP1 中的新功能，我通常使用它来消除模糊。:)

<TextBlock Text="Hello world" TextOptions.TextFormattingMode="Display"
           RenderOptions.BitmapScalingMode="NearestNeighbor"
           HorizontalAlignment="Center" TextWrapping="Wrap"
           VerticalAlignment="Center" Foreground="White" FontFamily="Microsoft Sans Serif">
    <TextBlock.Effect>
        <DropShadowEffect ShadowDepth="2" BlurRadius="2" Color="Black"
                          RenderingBias="Quality"/>
    </TextBlock.Effect>
</TextBlock>

下面是它的样子。

在此处输入图像描述

这就是它在 FireFox 中的样子。

在此处输入图像描述

于 2012-04-21T14:17:18.190 回答
5

DropShadowEffect对象不能与 ClearType 一起使用。这在 MSDN 页面How to: Create Text with a Shadow 上有说明：

这些阴影效果不通过 Windows Presentation Foundation (WPF) 文本呈现管道。因此，ClearType 在使用这些效果时被禁用。

毕竟DropShadowEffect是位图效果，不是文字效果。

于 2012-04-15T11:24:58.790 回答
3

要在不使用效果的情况下获得类似的结果，您可以渲染文本两次，一次稍微偏移另一次：

<Grid>
    <TextBlock Text="Here is some sample text" Foreground="Black" Margin="1,1,0,0"/>
    <TextBlock Text="Here is some sample text" Foreground="White"/>
</Grid>

这产生了预期的结果：

在此处输入图像描述

在此处输入图像描述

您还可以将其封装到一个控件中（ShadowTextBlock也许称为 ），这样您就不必到处重复自己了。

于 2012-04-15T16:25:14.633 回答
3

把这两个想法结合起来怎么样。使用 DropShadowEffect 绘制文本，并将其与绘制的没有效果的相同文本覆盖，如下面的第三行所示：

文本

仍然不完美，我觉得它有点大胆。但也许你可以忍受的东西。XAML：

<StackPanel Background="LightSteelBlue" RenderOptions.ClearTypeHint="Enabled" SnapsToDevicePixels="True" >
    <Grid Margin="5">
        <TextBlock Foreground="Black" Text="Here is some sample text" Margin="1"/>
        <TextBlock Foreground="White" Text="Here is some sample text"/>
    </Grid>
    <TextBlock Margin="5" Foreground="White" Text="Here is some sample text">
        <TextBlock.Effect>
            <DropShadowEffect ShadowDepth="2" BlurRadius="2" Color="Black" RenderingBias="Quality"/>
        </TextBlock.Effect>
    </TextBlock>
    <Grid Margin="5">
        <TextBlock Foreground="White" Text="Here is some sample text">
            <TextBlock.Effect>
                <DropShadowEffect ShadowDepth="2" BlurRadius="2" Color="Black" RenderingBias="Quality"/>
            </TextBlock.Effect>
        </TextBlock>
        <TextBlock Foreground="White" Text="Here is some sample text"/>
    </Grid>
</StackPanel>
于 2012-04-19T20:49:27.087 回答
2

这不起作用的原因，以及您无法让它工作的原因，与 ClearType 对它所呈现的内容的敏感性有关。为了让 ClearType 看起来正确，它本质上需要进行每个组件的 alpha 混合。也就是说，红色、绿色和蓝色的单独 alpha 值（通常 alpha 适用于所有 3 个）。这意味着 ClearType 绝对必须被渲染成一个已经不透明的位图（所有 alpha 值都是 255）（你会注意到窗口标题栏仍然有 ClearType，但它们使用了一些超级秘密技巧来做到这一点）。

理解这一点的下一步是 WPF 效果首先呈现为屏幕外位图，然后与下方的内容组合（在这种情况下，纯白色，或者如果选择它，则可能是蓝色）。

因此，首先将文本呈现为清晰、透明的位图。因为它不知道最终会在它下面是什么，所以它必须使用灰度而不是 ClearType 进行渲染。然后，效果将应用于该位图。然后将位图绘制到您期望它在屏幕上的位置，即使它位于没有透明度的纯色之上，也没有机会获得 ClearType。

作为一种可能的解决方法，请尝试使用 2 个文本副本。首先，将效果应用于文本的“较低”版本（“较低”是指它应该具有较低的 Z-index 值，如果它在 XAML 中是“第一个”则就是这种情况）。然后，在其上绘制普通文本（将获得 ClearType）。我认为这会起作用，但我还没有尝试过，您可能需要进行试验，直到获得所需的视觉效果。

于 2012-04-25T21:05:55.370 回答
1

我知道这篇文章很旧，但如果有人遇到模糊文本的问题，那么边框阴影可能是罪魁祸首。我有带有阴影的自定义面板，只有当面板并排放置时，文本才会模糊。我从这个为什么 WPF 中的一切都是模糊的？邮政。对我来说，解决方案是 ecreif 的答案，而不是公认的答案。将此添加到您的控件

    UseLayoutRounding="True"
    RenderOptions.BitmapScalingMode="NearestNeighbor"
    SnapsToDevicePixels="True
    RenderOptions.ClearTypeHint="Enabled"
于 2019-07-12T16:24:58.823 回答