个人随笔
技术改变世界

解决 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字体或微软雅黑字体,好一点,但是字体比较丑,也不能完全避免虚糊,另外解决不了动画后,文字继续虚边现象。

 

最终解决

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

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

解决方法有几个

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

wpf_DropShadowEffect_button

效果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>

转载请注明出处王旭博客 » 解决 WPF 字体/内容模糊

分享到:更多 ()

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #2

    真的很有用,帮了我个大忙,能赞助打赏吗

    网站6个月前 (09-05)回复
  2. #1

    我来看看博主

    麦葱6个月前 (09-03)回复