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

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


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

使用场景解释

  • DropShadowEffect:

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

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

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

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

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

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

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

示例代码

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

xml 复制代码
<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: 在文本块上应用了模糊效果,使文本看起来模糊,通常用于突出其他内容。
相关推荐
疯狂打码的少年1 小时前
【数据结构】二叉树的性质(五大性质+计算)
数据结构·笔记·算法
Capricorn19882 小时前
知芽研究问题看板无法推进?从孵化区到笔记的机制排查指南
大数据·论文阅读·人工智能·笔记·学习方法·论文笔记
闪闪发亮的小星星2 小时前
相机脱靶量VS精跟踪精度
笔记
皖山文武2 小时前
逻辑代数基础学习笔记--概述
笔记·学习·机器学习
杨连江5 小时前
人类意识源于神经反射层级堆叠与系统涌现研究
经验分享
demodeom6 小时前
Win11 + RTX 5080 本地 Coding 模型测试笔记(已弃坑)
笔记
青山是哪个青山6 小时前
LangChain 学习笔记(五):Tools 工具调用
笔记·学习·langchain
peijiping6 小时前
Agent 工具执行:并行(parallel_tool_calls)和后台(run_in_background)到底有什么区别? (学习笔记)
笔记·学习·ai agent·claude code
Oll Correct7 小时前
Adobe illustrator 案例四:吃豆人 (Pac-Man)图标绘制
笔记·ui·adobe·illustrator
LuminousCPP7 小时前
单链表专题(四)-刷题复盘篇-LeetCode 138 随机链表复制|原地拷贝法突破复杂指针操作
数据结构·笔记·算法·leetcode·链表