【 WPF 中常用的 `Effect` 类的介绍、使用示例和适用场景】

WPF 中常用的 `Effect` 类的介绍、使用示例和适用场景

      • 使用场景解释
      • 示例代码
      • 示例代码解释


Effect 类 描述 使用示例 适用场景
DropShadowEffect 为元素应用投影效果。 xml 为控件、文本、图像添加阴影效果,增加立体感和视觉层次。
BlurEffect 为元素应用模糊效果。 xml 模糊背景、图像或文本,常用于突出前景内容或创建模糊背景效果。
BitmapEffect 通过位图管道为元素应用特效(已过时,建议使用 Effect 子类)。 此类已过时,不建议使用。 用于兼容旧版应用的特效。
OuterGlowBitmapEffect 为元素应用外部光晕效果(已过时,建议使用 BlurEffectDropShadowEffect 组合)。 此类已过时,不建议使用。 用于创建发光或突出效果。
BevelBitmapEffect 为元素应用浮雕效果(已过时,建议使用自定义 ShaderEffect)。 此类已过时,不建议使用。 用于创建浮雕效果,使元素看起来有立体感。
ShaderEffect 通过自定义 HLSL 着色器为元素应用自定义效果。 xml 用于实现自定义的高性能图形效果,如波纹、扭曲、锐化等。
Effect Effect 类的基类,所有效果类都继承自此类。 N/A 基类,用于自定义或扩展效果。

使用场景解释

  • DropShadowEffect:

    • 适用于为控件、文本或图像添加阴影效果,增加立体感,常用于按钮、图片或弹出窗口等需要突出显示的场景。
  • BlurEffect:

    • 适用于为背景、图像或文本添加模糊效果,使前景内容更加突出。常用于模糊背景、对话框背景等需要视觉分离的场景。
  • BitmapEffect:

    • 此类已过时,在旧版本中用于实现各种效果,但现在建议使用其他效果类或自定义 ShaderEffect
  • OuterGlowBitmapEffect:

    • 此类已过时,曾用于为元素添加外部光晕效果,现在建议使用 DropShadowEffectBlurEffect 的组合来实现类似效果。
  • BevelBitmapEffect:

    • 此类已过时,曾用于为元素添加浮雕效果,建议使用自定义 ShaderEffect 实现类似效果。
  • ShaderEffect:

    • 适用于实现高性能、自定义的图形效果。通过编写 HLSL 着色器代码,可以实现如波纹、扭曲、锐化等高级效果,适合复杂的视觉需求。
  • Effect:

    • Effect 类作为基类,适用于创建自定义效果或扩展现有效果类。一般情况下,直接使用子类或自定义的 ShaderEffect

示例代码

这些 Effect 通常应用于 UI 控件或元素的视觉效果,如按钮、文本框、图像等。例如:

<Grid>
    
    <Button Content="Shadow Button" Width="150" Height="50">
        <Button.Effect>
            <DropShadowEffect Color="Black" Direction="320" ShadowDepth="5" Opacity="0.5" BlurRadius="10" />
        Button.Effect>
    Button>

    
    <TextBlock Text="Blurred Text" FontSize="30" Foreground="Blue" Margin="0,70,0,0">
        <TextBlock.Effect>
            <BlurEffect Radius="5" />
        TextBlock.Effect>
    TextBlock>
Grid>

示例代码解释

  • DropShadowEffect: 在按钮上添加了一个投影效果,使其看起来有阴影,增加立体感。
  • BlurEffect: 在文本块上应用了模糊效果,使文本看起来模糊,通常用于突出其他内容。

你可能感兴趣的:(WPF分享,wpf,经验分享,笔记)