WPF中的ImageBrush常用方式

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

WPF中的ImageBrush常用方式

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

WPF中的ImageBrush常用方式
Viewport="0,0,0.5,0.5"

WPF中的ImageBrush常用方式
Viewbox="0,0,0.5,0.5"

WPF中的ImageBrush常用方式
Viewport="0,0,0.5,0.5" Viewbox="0,0,0.5,0.5"

默认情况下,ViewportViewbox都是使用的相对范围,默认是(0,0,1,1)。如果要设置绝对范围,可以设置ViewboxUnits="Absolute"ViewportUnits="Absolute"

 

平铺笔刷

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

WPF中的ImageBrush常用方式

简单的方法是

  1. 设置Viewport,使得原图只投影到一部分输出区域(投影到全部输出区域看不到平铺效果)
  2. 设置TileModeTile

WPF中的ImageBrush常用方式
Viewport="0,0,0.5,0.5" Viewbox="0,0,0.5,0.5" TileMode="Tile"

WPF中的ImageBrush常用方式
TileMode="FlipX"

WPF中的ImageBrush常用方式
TileMode="FlipY"

WPF中的ImageBrush常用方式
TileMode="FlipXY"

WPF中的ImageBrush常用方式

另外,还有一些比较常见的属性:AlignmentXAlignmentYStretch。这里就不一一介绍了,具体可参看MSDN文档:

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