WPF中的ImageBrush常用方式

Posted 2020-08-29 TianFang

WPF的ImageBrush是一个比较常见也比较复杂的笔刷，它继承自图块笔刷（TileBrush）。使用图块画笔绘制区域涉及以下三个组成部分：内容、基本图块和输出区域。基本输出过程如下图所示：

其中，图块部分有Viewbox控制，输出区域有Viewport控制，它们默认情况下都是一个（0,0,1,1）的矩形，通过相对位置控制图象的输出。可以组合使用，下表就是一些简单的示例：

Viewport="0,0,0.5,0.5"

Viewbox="0,0,0.5,0.5"

Viewport="0,0,0.5,0.5" Viewbox="0,0,0.5,0.5"

默认情况下，Viewport和Viewbox都是使用的相对范围，默认是（0,0,1,1）。如果要设置绝对范围，可以设置ViewboxUnits="Absolute"和ViewportUnits="Absolute"

 

平铺笔刷

有时我们需要像墙纸那样讲一个图片重复绘制，如下图所示

简单的方法是

1. 设置Viewport，使得原图只投影到一部分输出区域（投影到全部输出区域看不到平铺效果）
2. 设置TileMode为Tile

Viewport="0,0,0.5,0.5" Viewbox="0,0,0.5,0.5" TileMode="Tile"

TileMode="FlipX"

TileMode="FlipY"

TileMode="FlipXY"

另外，还有一些比较常见的属性：AlignmentX，AlignmentY，Stretch。这里就不一一介绍了，具体可参看MSDN文档：

https://msdn.microsoft.com/zh-cn/library/aa970682(v=vs.110).aspx