当前位置：首页 > article >正文

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

article 2024/9/23 21:30:07

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	为元素应用外部光晕效果（已过时，建议使用 `BlurEffect` 和 `DropShadowEffect` 组合）。	此类已过时，不建议使用。	用于创建发光或突出效果。
BevelBitmapEffect	为元素应用浮雕效果（已过时，建议使用自定义 `ShaderEffect`）。	此类已过时，不建议使用。	用于创建浮雕效果，使元素看起来有立体感。
ShaderEffect	通过自定义 HLSL 着色器为元素应用自定义效果。	`xml <!-- 自定义 HLSL 着色器的代码 -->`	用于实现自定义的高性能图形效果，如波纹、扭曲、锐化等。
Effect	`Effect` 类的基类，所有效果类都继承自此类。	N/A	基类，用于自定义或扩展效果。

使用场景解释

DropShadowEffect:
- 适用于为控件、文本或图像添加阴影效果，增加立体感，常用于按钮、图片或弹出窗口等需要突出显示的场景。
BlurEffect:
- 适用于为背景、图像或文本添加模糊效果，使前景内容更加突出。常用于模糊背景、对话框背景等需要视觉分离的场景。
BitmapEffect:
- 此类已过时，在旧版本中用于实现各种效果，但现在建议使用其他效果类或自定义 ShaderEffect。
OuterGlowBitmapEffect:
- 此类已过时，曾用于为元素添加外部光晕效果，现在建议使用 DropShadowEffect 和 BlurEffect 的组合来实现类似效果。
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>