Quartz2d从易到难全解析---裁剪功能的实现和重绘（刷帧）、动画

本文将重点探讨2个主要的功能的实现

1.裁剪功能

/**

 *  裁剪

 */

void drawClips()

{

    //获取上下文

    CGContextRef context =UIGraphicsGetCurrentContext();

    

    //画一个圆

    CGContextAddEllipseInRect(context,CGRectMake(100,100, 50,50));

    //裁剪（超过圆的不显示）（注意裁剪必须要在加入图片前，即第一次显示到View前裁剪，这样才会按照给定的样式裁剪）

    CGContextClip(context);

    //显示到view上

    CGContextFillPath(context);

    

    //添加图片

    UIImage * image = [UIImageimageNamed:@"D790AEFF-B48E-4811-A5B9-0DD62C9145FF"];

    [image drawInRect:CGRectMake(100,100, 50,50)];

}

2.重绘（刷帧）

我们知道当我们要用Quartz2d来绘图时，需要调用下面的方法，但是这个方法只会在加载完以后有程序执行一次，且只能由系统调用！！！自己调用这个方法是没有任何效果的，因为系统这调用这个方法的时候会创建上下文，而我们暂时没有办法创建。那比如原先绘制了一个半径是20的圆，现在想改变他，那怎么办呢？

- (void)drawRect:(CGRect)rect

{

}

下面我就介绍一种方法：（setNeedsDisplay）,这是系统的调用方法，没调用一次都会重绘一次。

我在xib中拖了一个ZMView并关联，拖了一个slider，并且两个对象都在我们的控制器内脱线链接了，并且设置slider的最小值是10，最大值是50.

我的控制器.m文件如下

我的ZMView的.h如下，暴漏出一个半径的接口。这样在我的控制器操作滑块时可以直接改变当前页面的self.radius的值

我的ZMView.m文件如下

重写set方法，是为了更好的面向对象的思想，在set方法里调用setNeedsDisplay。

这样就实现了点击滑块改变值得同时，改变了当前圆的绘制的半径的大小。比如我的slider在最左边，那么slider的值是10，那么当前圆的半径就是10，当你滑动滑块的时候远的半径会随着滑块不断变化。

3动画