WPF教程（二十二）文本呈现

在本章节，我们讨论为什么有时候在WPF中文本呈现得很模糊，之后是如何修复的，你自己又如何控制文本的呈现。

前面的教程我们有提到，其他UI框架如WinForms通过使用Windows API来实现各种功能，相对于这些框架，WPF总是通过其自身实现。在文本显示这里两者表现的非常明显——WinForms使用系统提供的GDI API来显示，而WPF拥有自己的文本呈现方式，更好的支持动画或者设备。

不幸的是，这一点导致了在WPF中，文字显示很模糊，尤其是字体很小的时候。这对于WPF开发者来说是个大问题，还好，微软在.NET框架4.0版本中做了很大的改进。如果使用4.0或者更高版本，文字几乎能达到像素级完美。

控制文本显示

微软在.NET 4.0中决定给开发者更多的文本显示控制，通过引进TextOptions类中的TextFormattingMode属性和TextRenderingMode属性来实现。这样你就可以使用控件级别来决定文本的格式和显示。这个还得使用一个例子来看看这些属性是如何影响文本的显示的。

TextFormattingMode

使用TextFormattingMode属性，你可以决定在格式化文本时使用哪种算法——Ideal（默认）还是Display。正常情况下这个属性无需设置，因为大多数情况下默认的Ideal效果更好。但是如果你要显示很小的文本，那么设置成Display会得到更好的效果。来看下面的例子（差别很微小）：

<span style="font-size:14px;"><Window x:Class="WpfTutorialSamples.Control_concepts.TextFormattingModeSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TextFormattingModeSample" Height="200" Width="400">
    <StackPanel Margin="10">
        <Label TextOptions.TextFormattingMode="Ideal" FontSize="9">TextFormattingMode.Ideal, small text</Label>
        <Label TextOptions.TextFormattingMode="Display" FontSize="9">TextFormattingMode.Display, small text</Label>
        <Label TextOptions.TextFormattingMode="Ideal" FontSize="20">TextFormattingMode.Ideal, large text</Label>
        <Label TextOptions.TextFormattingMode="Display" FontSize="20">TextFormattingMode.Display, large text</Label>
    </StackPanel>
</Window></span>

TextRenderingMode

TextRenderingMode属性用于设置哪种反走样算法，当它和Display联合使用的时候，将产生显著的效果。看来下面的例子：

<span style="font-size:14px;"><Window x:Class="WpfTutorialSamples.Control_concepts.TextRenderingModeSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TextRenderingModeSample" Height="300" Width="400">
    <StackPanel Margin="10" TextOptions.TextFormattingMode="Display">
        <Label TextOptions.TextRenderingMode="Auto" FontSize="9">TextRenderingMode.Auto, small text</Label>
        <Label TextOptions.TextRenderingMode="Aliased" FontSize="9">TextRenderingMode.Aliased, small text</Label>
        <Label TextOptions.TextRenderingMode="ClearType" FontSize="9">TextRenderingMode.ClearType, small text</Label>
        <Label TextOptions.TextRenderingMode="Grayscale" FontSize="9">TextRenderingMode.Grayscale, small text</Label>
        <Label TextOptions.TextRenderingMode="Auto" FontSize="18">TextRenderingMode.Auto, large text</Label>
        <Label TextOptions.TextRenderingMode="Aliased" FontSize="18">TextRenderingMode.Aliased, large text</Label>
        <Label TextOptions.TextRenderingMode="ClearType" FontSize="18">TextRenderingMode.ClearType, large text</Label>
        <Label TextOptions.TextRenderingMode="Grayscale" FontSize="18">TextRenderingMode.Grayscale, large text</Label>
    </StackPanel>
</Window></span>

从上图可以看到，几行文本的差异很大，这特殊情况下得按需使用。