WPF字体或内容模糊的解决方法

WPF下开发的程序字体模糊，这个问题或许大家都有遇到过，为了解决WPF字体模糊，查阅了各种资料，结果偶然发现是自己疏忽了一些细节造成的，具体是什么细节呢，通过下面的这篇文章来一起看看吧，有需要的朋友们可以参考借

本文会给大家介绍尝试过的一些方法，大家可以一起看看。

1、用WPF4.0中的新字体渲染方法，没有改善

				?

									<Setter Property="TextOptions.TextFormattingMode" Value="Display" />

									<Setter Property="TextOptions.TextRenderingMode" Value="ClearType" />

2、给控件加上SnapsToDevicePixels属性，没有改善

其作用传说是给整个 UI 上启用像素对齐呈现。对于运行在大于 96 dots per inch (dpi) 的设备，像素对齐呈现可以最小化在单一实线附近出现的抗锯齿视觉瑕疵。

3、使用Times New Roman字体或微软雅黑字体，好一点，但是字体比较丑，也不能完全避免虚糊，另外解决不了动画后，文字继续虚边现象。

4、最终解决

其实是自己的编写的Border设置了DropShadowEffect（阴影效果）引起的。

因为DropShadowEffect使得元素/子元素先渲染为位图，从而导致的位图栅格对齐导致的模糊。

解决方法有几个：

是使用UseLayoutRounding，它使得控件布局的时候对齐栅格（见效果2）。
是让Text元素不作为DropShadowEffect的子元素，让ShadowEffect不会影响Button（见效果3）。
效果如下（0：基准 1：虚糊 2：UseLayoutRounding 3：平行元素）

WPF字体或内容模糊的解决方法

效果4是试验SystemDropShadowChrome，可以注释掉。

				?

									<Window x:Class="WpfApplication1.MainWindow"

									 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

									 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

									 xmlns:luna="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna"

									 Title="MainWindow" Height="350" Width="525" SnapsToDevicePixels="True">

									 <Window.Resources>

									  <Style TargetType="Button">

									   <Setter Property="Width" Value="80" />

									   <Setter Property="Height" Value="40" />

									   <Setter Property="Margin" Value="0,5,0,5" />

									  </Style>

									 </Window.Resources>

									 <StackPanel>

									  <Button Content="基本设置 0" />

									  <Button Content="基本设置 1" >

									   <Button.Effect><DropShadowEffect/></Button.Effect>

									  </Button>

									  <Button Content="基本设置 2" UseLayoutRounding="True">

									   <Button.Effect>

									    <DropShadowEffect/>

									   </Button.Effect>

									  </Button>

									  <Grid Width="80" Height="40" Margin="0,5,0,5">

									   <Border Background="Black" Margin="1,0,0,0" CornerRadius="2">

									    <Border.Effect><DropShadowEffect /></Border.Effect>

									   </Border>

									   <Button Content="基本设置 3" Margin="0"/>

									  </Grid>

									  <luna:SystemDropShadowChrome Width="80" Height="40" Margin="0,5,0,0">

									   <Button Content="基本设置 4" Margin="0" />

									  </luna:SystemDropShadowChrome>

									 </StackPanel>

									</Window>