44、WPF 图形填充与特效全解析

WPF 图形填充与特效全解析

1. ImageBrush 的基础使用

ImageBrush 允许我们使用位图图像填充区域，支持 BMP、PNG、GIF 和 JPEG 等常见文件类型。通过设置 ImageSource 属性来指定要使用的图像。例如，以下代码使用名为 logo.jpg 的图像填充 Grid 的背景：

<Grid>
    <Grid.Background>
        <ImageBrush ImageSource="logo.jpg"></ImageBrush>
    </Grid.Background>
</Grid>

ImageBrush 的 ImageSource 属性与 Image 元素的 Source 属性工作方式相同，我们可以使用指向资源、外部文件或网络位置的 URI 来设置它。此外，还可以通过为 ImageSource 属性提供 DrawingImage 对象来创建使用 XAML 定义的矢量内容的 ImageBrush。

需要注意的是，WPF 会尊重图像中的透明度信息，例如支持 GIF 文件中的透明区域以及 PNG 文件中的透明或部分透明区域。

2. ImageBrush 的拉伸与对齐

当使用 ImageBrush 填充区域时，图像会被拉伸以适应填充区域。如果 Grid 比图像的原始尺寸大，可能会出现图像模糊等缩放伪像；如果 Grid 的形状与图像的宽高比不匹配，图像会被扭曲以适应。

我们可以通过修改 ImageBrus