WPF Effect 造成的字体模糊

Posted 2020-10-22 梦机器

WPF 里面有个Effect ，暂且可以理解为 “特效” 分类。

但是有时候使用不恰当，容易出现各种毛病。

 

例如：

 

代码如下：

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal">
        
        <Border Width="200" Height="100" Background="#5Eb978">
            <Border.Effect>
                <DropShadowEffect BlurRadius="10" ShadowDepth="0"/>
            </Border.Effect>
            <TextBlock Text="这个是错误示范" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="25"></TextBlock>
        </Border>

        <Grid Width="200" Height="100" Margin="30,0,0,0">
            <Border Width="200" Height="100" Background="#5Eb978">
                <Border.Effect>
                    <DropShadowEffect BlurRadius="10" ShadowDepth="0"/>
                </Border.Effect>
            </Border>
            <TextBlock Text="正确示范" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="25"></TextBlock>
        </Grid>


    </StackPanel>

　　

 

提示：Border 级使用 Effect 造成 TextBlock 模糊。所以不能直接在有DropShadowEffect的Border内部添加展示元素。