iOS高级-QuartzCore框架-图形上下文栈、矩阵操作、裁剪、重绘（刷帧）

标签：

一、图形上下文栈
1.自定义一个MJView，继承自UIView
2.将默认View的Class设置为MJView
3.实现drawRect：方法
-（void）drawRect：（CGRect）rect
{
//1.获得上下文
CGContextRef ctx = UIGraphicsGetCurrentContext（）；

//将当前的ctx拷贝一份放到栈中
CGContextSaveGState（ctx）；

//设置绘图状态
CGContextSetLineWidth（ctx，10）；
[[UIColor redColor] set]；
CGContextSetLineCap（ctx，kCGLineCapRound）；

//第1根线
CGContextMoveToPoint（ctx，50，,50）；
CGContextAddLineToPoint（ctx，120,190）；
CGContextStrokePath（ctx）；

//将栈顶的上下文出栈，替换当前的上下文（所以状态回到最初了）
CGContextRestoreGState（ctx）；

//第2根线
CGContextMoveToPoint（ctx，200，,70）；
CGContextAddLineToPoint（ctx，220,290）；
CGContextStrokePath（ctx）；
}

二、矩阵操作
1.自定义一个MJView，继承自UIView
2.拖一个View，将Class设置为MJView
3.实现drawRect：方法
-（void）drawRect：（CGRect）rect
{
CGContextRef ctx = UIGraphicsGetCurrentContext（）；

//矩阵操作
CGContextRotateCTM（ctx，M_PI_4）；
CGContextScaleCTM（ctx，0.5，,0.5）；
CGContextTranslateCTM（ctx，0,50）；

CGContextAddRect（ctx，CGRectMake（10,10,50,50））；

CGContextAddEllipseInRect（ctx，CGRectMake（100,100,100,100））；

CGContextMoveToPoint（ctx，100,100）；
CGContextAddLineToPoint（ctx，200,200）；

CGContextStrokePath（ctx）；
}

三、裁剪
裁剪原理：先确定需要裁剪的大小，然后将图片放上去，超过范围的部分都不显示
1.自定义一个MJClipView，继承自UIView
2.将默认View的Class设置为MJClipView
3.实现drawRect：方法
-（void）drawRect：（CGRect）rect
{
CGContextRef ctx = UIGraphicsGetCurrentContext（）；
//1.画圆
CGContextAddEllipseInRect（ctx，CGRectMake（100,100，50,50））；
//2.裁剪
CGContextClip（ctx）；
CGContextFillPath（ctx）；
//3.显示图片
UIImage *image = [UIImage imageNamed：@"me"]；
[image drawAtPoint：CGPointMake（100,100）]；

）

四、重绘（刷帧）
1.自定义一个MJView，继承自UIView，添加一条属性，为圆的半径
2.拖一个View，将Class设置为MJView
3.监听View（Outlet），然后拖一个滑动条并监听（Action）
4.实现drawRect：方法
//默认只会在第一次显示View的时候调用（只能由系统自动调用，不能手动调用）
-（void）drawRect：（CGRect）rect
{
CGContextRef ctx = UIGraphicsGetCurrentContext（）；
CGContextAddArc（ctx，125,125，self.radius，0，M_PI * 2，0）；
CGContextFillPath（ctx）；
}

5.在MJView.m中重写set方法（这样通过点语法可以直接绘制）
-（void）setRadius：（float）radius
{
_radius = radius；
//重绘（这个方法内部会重新调用drawRect：方法进行绘制）
[self setNeedsDisplay]；
}

5.实现滑动条的方法
-（IBAction）sizeChange：（UISlider *）sender{
self.cirecleView.radius = sender.value；
}

iOS高级-QuartzCore框架-图形上下文栈、矩阵操作、裁剪、重绘（刷帧）

标签：

原文地址：http://www.cnblogs.com/marshall-yin/p/4748744.html