笔记： UI - 画图

（1）. CG画图

/**   CG画图法   **/

- (void)drawRect:(CGRect)rect{

    //准备画笔

    CGContextRef  pen = UIGraphicsGetCurrentContext();

    //落笔（落笔点）    参数：笔，x坐标，y坐标

    CGContextMoveToPoint(pen, 40, 40);

    

    //画横线  （给定右坐标，画笔自动连线）

    CGContextAddLineToPoint(pen, 80, 40);

    //画左下划

    CGContextAddLineToPoint(pen, 60, 70);

    //左上提 （三角形）回到原点

    CGContextAddLineToPoint(pen, 40, 40);

    

    //设置描边颜色 stroke

    CGContextSetStrokeColorWithColor(pen, [UIColor blueColor].CGColor);

    //开始描边

//    CGContextStrokePath(pen);

    //设置填充颜色 fill

    CGContextSetFillColorWithColor(pen, [UIColor orangeColor].CGColor);

    //填充颜色

//    CGContextFillPath(pen);

    //此处注意：因为描边和填充不能同时上色，如果要同时使用，用下面方法

    CGContextDrawPath(pen, kCGPathFillStroke);

}

（2）UIBeZierPath  （贝塞尔路径 封装类）

可以按照面向对象的方式绘制图形，如：圆形，扇形，椭圆，矩形，多边形等等。

1.  自定义图形

     /** UIBezierPath 贝塞尔路径封装类  自定义图形  */

    //画笔

    UIBezierPath *path = [UIBezierPath bezierPath];

    //移动画笔到起点

    [path moveToPoint:CGPointMake(120, 120)];

    

    //画线

    [path addLineToPoint:CGPointMake(200, 120)];

    [path addLineToPoint:CGPointMake(160, 180)];

    [path addLineToPoint:CGPointMake(120, 120)];

    

    //设置边线宽度

    path.lineWidth = 3;

    //设置边线连接处样式 (kCGLineJoinBevel 尖角)

    path.lineJoinStyle = kCGLineJoinRound;

    //设置线头样式（起点和终点连接处）

    path.lineCapStyle = kCGLineCapButt;

    

    //设置描边颜色

    [[UIColor blueColor] setStroke];

    //开始描边

    [path stroke];

    //设置填充颜色

    [[UIColor orangeColor] setFill];

    //开始填充

    [path fill];

  2.  /** UIBezierPath 贝塞尔路径封装类  系统图形  */

    /* 圆形 或  扇形          π = 180度

     参数：center:圆心    radiu:半径   startAngle:起始弧度 M_PI_2  即 π/2

     endAngle:终止弧度    clockwise:是否顺时针     */

    UIBezierPath *circlepath = [UIBezierPath bezierPathWithArcCenter: CGPointMake(160, 200)  radius:80 startAngle:0  endAngle:M_PI * 2   clockwise:YES];

    [customRoundPath closePath]; //停止画图

/* 矩形 */

    UIBezierPath * rectpath = [UIBezierPath bezierPathWithRect:CGRectMake(150, 40, 100, 50)];

[customRoundPath closePath]; //停止画图

    

    /* 椭圆 */

    UIBezierPath *ovalpath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(160, 45, 80, 40)];

    [customRoundPath closePath]; //停止画图

    

    /* 圆角矩形 */

    UIBezierPath *roundRectPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(100, 300, 100, 70) cornerRadius:10];

   [customRoundPath closePath]; //停止画图

 /*  定制圆角矩形 */

    /* byRoundingCorners：修改那个角   cornerRadii:圆角弧度 */

    UIBezierPath *customRoundPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 300, 80, 50) byRoundingCorners:UIRectCornerBottomLeft|UIRectCornerTopRight  cornerRadii:CGSizeMake(20, 8)];

[customRoundPath closePath]; //停止画图

  /* 贝塞尔 曲线  - 牵引拉曲 */

   /* 先画线，再设置牵引力  */

    UIBezierPath *curvePath = [UIBezierPath bezierPath];  //画笔

    [curvePath moveToPoint:CGPointMake(10, 20)];  //落笔点

//贝塞尔曲线 参数1：线的重点   point1：牵引中心1  

    [curvePath addCurveToPoint:CGPointMake(80, 200) controlPoint1:CGPointMake(70, 40) controlPoint2:CGPointMake(0, 160)];

[customRoundPath closePath]; //停止画图

    //设置描边颜色

    [[UIColor blueColor] setStroke];

    //开始描边

    [path stroke];

    //设置填充颜色

    [[UIColor orangeColor] setFill];

    //开始填充

    [path fill];

（3）自由画线

1. 在MyView.h 文件中声明 画笔属性

@property(nonatomic) UIBezierPath *path;

2. 首先首先懒加载 画笔path

-(UIBezierPath *)path{

    if (_path == nil) {

        // 获取画笔

         _path = [UIBezierPath bezierPath];

    }

    return _path;

}

3.重写drawRect 方法，设置 画笔颜色，线宽（注意这一步很重要）

- (void)drawRect:(CGRect)rect{

//设置描边颜色

    [[UIColor blueColor] setStroke];

    //开始描边

    [self.path stroke];

    //设置边线宽度

    self.path.lineWidth = 3;

}

4. 监听手指触屏事件，获取起点

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

    //获取手指 Touch

    UITouch *touch = touches.anyObject;

    //获取手指位置

    CGPoint p = [touch locationInView:self];

    //把画笔 移动到这个位置

    [self.path moveToPoint:p];

}

5. 监听手指移动事件，开始连线

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

    //获取手指 Touch

    UITouch *touch = touches.anyObject;

    //获取手指位置

    CGPoint p = [touch locationInView:self];

    //连线

    [self.path addLineToPoint:p];

    //刷新页面，调用setNeedsDisplay方法（该方法自动调用drawRect方法）

    [self setNeedsDisplay];

}

（4）绘制文字  

（5） 绘制图片  TRImageView