iOS开发CoreGraphics核心图形框架之五——Patterns模型的应用
一、引言
Patterns称为模型可能并不直观，说一个场景我们或许就可以更加容易的理解Patterns。在开发中，开发者经常会遇到这样的需求，将某个图片或者某个图形进行平铺作为界面的背景，当然iOS中有现成的方法来将图片转换为背景色进行背景的渲染，但是这种方式并不太灵活，例如背景花纹的着色，背景图片的平铺间距设置等需求都无法满足。Patterns就是用来处理这样的需求。
Patterns可以理解为一个模型单元，即花纹背景中的一个花纹单元，开发者可以自定义这个单元的绘制内容，一旦创建了CGPatternRef引用，开发者就可以将它向普通颜色一样进行使用，可以进行填充，可以进行路径绘制等。
二、创建CGPatternRef模型引用
在UIView子类的drawRect:方法中来做如下的测试：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| - (void)drawRect:(CGRect)rect {
CGPatternCallbacks callback = {0,&drawPatternCallback,&releaseInfoCallback};
CGPatternRef pattren = CGPatternCreate(NULL, CGRectMake(0, 0, 30,30), CGAffineTransformIdentity, 35, 35, kCGPatternTilingConstantSpacing, false, &callback);
static const CGFloat color[4] = { 0, 1, 0, 1 };
CGColorSpaceRef baseSpace = CGColorSpaceCreateWithName (kCGColorSpaceGenericRGB);
CGColorSpaceRef patternSpace = CGColorSpaceCreatePattern (baseSpace);
CGContextSetFillColorSpace (UIGraphicsGetCurrentContext(), patternSpace);
CGContextSetFillPattern(UIGraphicsGetCurrentContext(), pattren, color);
CGContextFillRect(UIGraphicsGetCurrentContext(), CGRectMake(0, 0, 200, 200));
}
|
上面的示例代码中，有几个地方需要进行介绍：
CGPatternCallBacks是CoreGraphics框架的CGPattern.h文件中定义的一个结构体，这个结构体组合了模型Pattern的版本，创建回调和释放回调。创建回调和释放回调需要传入两个方法块的地址，即block。这两个block的格式定义如下：
1
2
3
4
5
6
7
|
typedef void (*CGPatternDrawPatternCallback)(void * __nullable info,
CGContextRef cg_nullable context);
typedef void (*CGPatternReleaseInfoCallback)(void * __nullable info);
|
我们所实现的drawPatternCallback(),releaseInfoCallback()方法示例如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
#define PSIZE 16
void drawPatternCallback(void *info,CGContextRef myContext){
int k;
double r, theta;
r = 0.8 * PSIZE / 2;
theta = 2 * M_PI * (2.0 / 5.0);
CGContextTranslateCTM (myContext, PSIZE/2, PSIZE/2);
CGContextMoveToPoint(myContext, 0, r);
for (k = 1; k < 5; k++) {
CGContextAddLineToPoint (myContext,
r * sin(k * theta),
r * cos(k * theta));
}
CGContextClosePath(myContext);
CGContextFillPath(myContext);
}
void releaseInfoCallback(void *info) {
}
|
在回过来看创建CGPatternRef的方法：
1
2
3
4
5
6
7
8
9
10
11
12
|
CGPatternRef pattren = CGPatternCreate(NULL, CGRectMake(0, 0, 30,30), CGAffineTransformIdentity, 35, 35, kCGPatternTilingConstantSpacing, false, &callback);
|
关于模型的渲染方式，需要设置为CGPatternTiling类型的枚举，如下：
1
2
3
4
5
6
7
8
| typedef CF_ENUM (int32_t, CGPatternTiling) {
kCGPatternTilingNoDistortion,
kCGPatternTilingConstantSpacingMinimalDistortion,
kCGPatternTilingConstantSpacing
};
|
CGContextSetFillPattern()方法用于将模型设置为要渲染界面的颜料，之后调用CGContextStrokePath(), CGContextFillPath(), CGContextFillRect()等相关方法都可以实现将模型铺平渲染到指定容器。需要注意，CGContextSetFillPattern()方法中第1个参数为绘图上下文，第2个参数为模型CGPatternRef引用，第3个参数为一个色值数组，这里如果模式是无色渲染方式创建的，需要传入4个元素的RGBA数组，如果是有色模式创建的，需要传入一个透明度值，可以是float类型的指针。
运行工程，效果如下图所示:
将代码简单修改如下，就可以实现以五角星围成的矩形：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| - (void)drawRect:(CGRect)rect {
CGPatternCallbacks callback = {0,&drawPatternCallback,&releaseInfoCallback};
CGPatternRef pattren = CGPatternCreate(NULL, CGRectMake(0, 0, 30,30), CGAffineTransformIdentity, 30, 30, kCGPatternTilingConstantSpacing, false, &callback);
static const CGFloat color[4] = { 1, 0, 0, 1 };
CGColorSpaceRef baseSpace;
CGColorSpaceRef patternSpace;
baseSpace = CGColorSpaceCreateWithName (kCGColorSpaceGenericRGB);
patternSpace = CGColorSpaceCreatePattern (baseSpace);
CGContextSetStrokeColorSpace (UIGraphicsGetCurrentContext(), patternSpace);
CGContextSetStrokePattern(UIGraphicsGetCurrentContext(), pattren, color);
CGContextSetLineWidth(UIGraphicsGetCurrentContext(), 40);
CGContextStrokeRect(UIGraphicsGetCurrentContext(), CGRectMake(0, 0, 200, 200));
}
|
效果如下:
三、CGPattern中其他方法
1
2
3
4
5
6
|
CFTypeID CGPatternGetTypeID(void);
CGPatternRef cg_nullable CGPatternRetain(CGPatternRef cg_nullable pattern);
void CGPatternRelease(CGPatternRef cg_nullable pattern);
|
专注技术，热爱生活，交流技术，也做朋友。
——珲少 QQ群：203317592
