drawRect方法&贝塞尔路径&上下文

drawRect方法使用注意事项:

drawRect在以下情况下会被调用：
1、如果在UIView初始化时没有设置rect大小，将直接导致drawRect不被自动调用。drawRect 掉用是在Controller->loadView, Controller->viewDidLoad 两方法之后掉用的.所以不用担心在 控制器中,这些View的drawRect就开始画了.这样可以在控制器中设置一些值给View(如果这些View draw的时候需要用到某些变量 值).
2、该方法在调用sizeToFit后被调用，所以可以先调用sizeToFit计算出size。然后系统自动调用drawRect:方法。
3、通过设置contentMode属性值为UIViewContentModeRedraw。那么将在每次设置或更改frame的时候自动调用drawRect:。
( 只能改变frame/bounds 改变center无效)
4、直接调用setNeedsDisplay，或者setNeedsDisplayInRect:触发drawRect:，但是有个前提条件是rect不能为0。

drawRect方法使用注意点：

1、 若使用UIView绘图，只能在drawRect：方法中获取相应的contextRef并绘图。如果在其他方法中获取将获取到一个invalidate 的ref并且不能用于画图。drawRect：方法不能手动显示调用，必须通过调用setNeedsDisplay 或 者 setNeedsDisplayInRect，让系统自动调该方法。
2、若使用calayer绘图，只能在drawInContext: 中（类似于drawRect）绘制，或者在delegate中的相应方法绘制。同样也是调用setNeedDisplay等间接调用以上方法
3、若要实时画图，不能使用gestureRecognizer，只能使用touchbegan等方法来掉用setNeedsDisplay实时刷新屏幕

贝塞尔曲线

//只能在drawRect方法中使用
//这里只介绍用法(UIBezierPath.h中有一些绘制基本图形的类方法)
 UIBezierPath *path = [UIBezierPath bezierPath];
      //线宽
    path.lineWidth = 20;
    //端点圆角
    path.lineCapStyle = kCGLineCapRound;
    //线段连接处圆角
    path.lineJoinStyle = kCGLineJoinRound;
    [path moveToPoint:CGPointMake(100, 200)];
    [path addLineToPoint:CGPointMake(100, 400)];
    [[UIColor redColor]setStroke];
    //[[UIColor redColor]set];边框+填充颜色
    //画虚线
    CGFloat length[]={4,2};
    [path setLineDash:length count:2 phase:0];

    [path stroke];//渲染
    //[path fill];渲染+填充

图形上下文的矩阵变换

- (void)drawRect:(CGRect)rect {

    // 1.获取图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.拼接路径
    UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(-50, -100, 100, 200)];
    // 矩阵变化:给上下文做矩阵变化,一定要在添加路径之前
    // 上下文的平移
    CGContextTranslateCTM(ctx, 100, 100);
    [[UIColor yellowColor]set];
    // 旋转上下文
    // 弧度
    CGContextRotateCTM(ctx, M_PI_4);
    // 缩放
    CGContextScaleCTM(ctx, 0.5, 0.5);
    // 3.添加路径到上下文中
    CGContextAddPath(ctx, path.CGPath);
    // 4.渲染
    CGContextFillPath(ctx);
}

位图上下文

只要不用到layer的上下文,就不需要自定义view,也不需要重写drawRect方法

1.图片水印
    UIImage *img = [UIImage imageNamed:@"img"];
    // 1.开启位图上下文
    // size:位图上下文尺寸
    // opaque:不透明 YES:不透明 NO:透明
    // 0 不进行缩放
    UIGraphicsBeginImageContextWithOptions(img.size, NO, 0);
    // 2.拼接路径
    // 2.1绘制图片
    [img drawAtPoint:CGPointZero];
    // 2.2绘制文字
    NSString *str = @"水印文字!!!!!";
    [str drawAtPoint:CGPointMake(130, 170) withAttributes:nil];

    // 3.从上下文中取出图片
    img = UIGraphicsGetImageFromCurrentImageContext();
    // 4.关闭上下文
    UIGraphicsEndImageContext();

2.利用位图上下文来进行截屏操作
     // 开启位图上下文
    UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, 0);
    // 获取当前上下文->位图上文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 擦除图片(clearRect 为自定义范围)
    //CGContextClearRect(ctx, clearRect);
    // 拼接路径
    // view上面的内容添加到上下文
    // view的图层
    // 渲染到上下文
    [self.view.layer renderInContext:ctx];
    // 获取图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    // 关闭上下文
    UIGraphicsEndImageContext();
//可以将图片保存到沙盒 或者相册

3.利用贝塞尔路径进行图形裁剪
/**
 *  图形裁剪
 *
 *  @param imageRect 整个图片大小
 *  @param clipRect  裁剪范围
 *  @param clipImage 图要裁剪片
 *
 *  @return 裁剪后图片
 */
- (UIImage *)clipWithImageRect:(CGRect)imageRect clipRect:(CGRect)clipRect clipImage:(UIImage *)clipImage;
{
    // 开启位图上下文
    UIGraphicsBeginImageContextWithOptions(imageRect.size, NO, 0);
    // 拼接路径
    // 设置裁剪区域
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:clipRect];
    [path addClip];
    // 绘制图片
    [clipImage drawInRect:imageRect];
    // 获取当前图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    // 关闭上下文
    UIGraphicsEndImageContext();
    return image;
}