如何解决WPF应用程序中字体或内容显示模糊的问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计797个文字，预计阅读时间需要4分钟。
原文：本文会给大家介绍尝试过的一些方法，大家可以一起看看。
本文分享了一些尝试过的方法，欢迎大家共同探讨。
原文：1、用WPF 4.0中的新字体渲染方法，没有改进 Setter Property=TextOptions.TextFormattingMode Value=Display /Setter Property=TextOptions.TextRender
1、尝试使用WPF 4.0的新字体渲染方法，设置属性：Property=TextOptions.TextFormattingMode Value=Display，未进行其他优化。
本文会给大家介绍尝试过的一些方法，大家可以一起看看。
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：平行元素）
效果4是试验SystemDropShadowChrome，可以注释掉。
<Window x:Class="WpfApplication1.MainWindow" xmlns="schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="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>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
本文共计797个文字，预计阅读时间需要4分钟。
原文：本文会给大家介绍尝试过的一些方法，大家可以一起看看。
本文分享了一些尝试过的方法，欢迎大家共同探讨。
原文：1、用WPF 4.0中的新字体渲染方法，没有改进 Setter Property=TextOptions.TextFormattingMode Value=Display /Setter Property=TextOptions.TextRender
1、尝试使用WPF 4.0的新字体渲染方法，设置属性：Property=TextOptions.TextFormattingMode Value=Display，未进行其他优化。
本文会给大家介绍尝试过的一些方法，大家可以一起看看。
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：平行元素）
效果4是试验SystemDropShadowChrome，可以注释掉。
<Window x:Class="WpfApplication1.MainWindow" xmlns="schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="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>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。