IOS学习之—— Quartz 2D (C语言的框架)

//************************************************************************************************************      -12  Quartz 2D (C语言的框架)
// 主要是用来自定义view
1.简介
（1）Quartz 2D 是一个二维绘图引擎，同时支持ios和 Mac系统
（2）//绘制图形， 线条，三角形，矩形 圆 狐    // 绘制文字，  // 绘制 生成图片   // 读取 生成PDF //截图 裁剪图片
（3）有些UI界面及其复杂，而且比较有个性化，用普通的UI控件无法实现，这时候可以利用Quartz 2D技术将控件内部的结构画出来，自定义控件的样子
其实，ios中大部分的控件的内容都是通过它画出来的
（4）因此，它中IOS中 很重要的一个价值是：自定义view （自定义UI控件）
//        如何利用Quartz2D自定义view?

//3.如何利用Quartz 2D 绘制东西到view 上？
（1） 首先，得有图形上下文，因为它能保存绘图信息，并且决定着绘图到什么地方去。
（2） 其次，那个图形上下文必须跟view 相关联，才能将内容绘制到view 上

//4.  自定义view的步骤：
（1）新建一个类，继承自UIView
(2)实现 -（void）drawRect:(CGRect)rect 方法 ，（解开.m 文件中的注释就可以了）
(3)取得当前view 相关联的图形上下文
（4）绘制相应的图形内容
（5）利用图形上下文将绘制的所有内容渲染显示到view 上面

//            画线的步骤：
（1） 创建一个类LineView 继承UIView  解开.m文件的注释 就可以用其中的内容了
(2) 创建一个UIView 在Stroyboard 中  让它关联 LineView
(3)- (void)drawRect:(CGRect)rect {
//                    调用方法
[self drawRectangle];//矩形
//                    [self drawTriangle]//三角形   要用哪个调用就好

}
#pragma mark 画矩形
-(void) drawRectangle{

//获取上下文   上下文的输出目录就是self[view]
CGContextRef context = UIGraphicsGetCurrentContext();

//设置线的颜色
CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1);

//设置线宽
CGContextSetLineWidth(context, 10);

//设置线头尾的样式
CGContextSetLineCap(context, kCGLineCapRound);

//设置连接点的样式
CGContextSetLineJoin(context, kCGLineJoinBevel);

//画一条线   需要两个点 一个起点 一个终点
//**********************************************方法一 矩形
//    // 设置一个起点
//    CGContextMoveToPoint(context, 10, 10);
//    //设置一个终点
//    CGContextAddLineToPoint(context, 110, 10);
//    CGContextAddLineToPoint(context, 110, 110);
//    CGContextAddLineToPoint(context, 10, 110);
//    CGContextAddLineToPoint(context, 10, 10);

//**********************************************方法二 矩形
CGContextAddRect(context, CGRectMake(10, 10, 100, 100));
//画到view[渲染]
// 只是画了一条线  空心
CGContextStrokePath(context);
//填充    实心
//CGContextFillPath(context);

}

#pragma mark 画三角形  画线也可以使用这个方法
// 方法一
//                    // 设置一个起点
//                    CGContextMoveToPoint(context, 10, 10);
//                    //设置一个终点
//                    CGContextAddLineToPoint(context, 110, 10);
//                    CGContextAddLineToPoint(context, 110, 110);
方法二 CGPoint points[3]={{10,10},{110,10},{110,110}};
CGContextAddLines(ctx,points,3);
//关闭路径
CGContextClosePath(context);

#pragma mark 画圆
//画圆
CGContextAddEllipseInRect(context,CGRectMake(10 ,10, 100, 100));
#pragma mark 画弧
// x y 圆心   radious 半径    startAngle 画弧的起始位置 endAngel结束的位置  clockwise 0顺时针 1 逆时针
CGContextAddArc(context,100,100,60,M_PI_2,0);
#pragma mark 画扇形
//起点
CGContextMoveToPoint(context,100,100);
CGContextAddArc(context,100,1000,60,- M_PI_4, -3*M_PI_4,1);
// x y 圆心   radious 半径    startAngle 画弧的起始位置 endAngel结束的位置  clockwise 0顺时针 1 逆时针
//关闭路径
CGContextClosePath(context);

#pragma mark 画文字
- (void)drawRect:(CGRect)rect {
// Drawing code
CGFloat w = rect.size.width;
CGFloat h = rect.size.height;

//画图片
UIImage *image =[UIImage imageNamed:@"papa"];
//设置位置
[image drawInRect:CGRectMake(10, 10, 100, 100)];
//设置平铺
[image drawAsPatternInRect:CGRectMake(0, 0, 180, 180)];

//画文字
NSString *text =@"skdfkljahsjfdlasdfhkasjdhflasjkhfdlkashdfjkh";
//设置字体的样式
NSDictionary *attr =@{NSFontAttributeName:[UIFont  systemFontOfSize:13],NSForegroundColorAttributeName:[UIColor yellowColor]};
//指定宽度和高度   和字体样式
[text drawInRect:CGRectMake(0, 0, w, h*0.5) withAttributes:attr];// withAttributes 设置字体的样式
}
#pragma mark 饼状图
//核心 第五天
步骤：
（1）自定义一个饼状view(PieView) 添加到控制器view 上
（2） 添加PieView的一个类型为数据的section属性  存储所有分类的个数，并且添加一个颜色数组，用于存储颜色
（3）中drawRect 方法中遍历section 的大小
（4）遍历section的个数，进行总数汇总
（5）定义一个“扇形的起始位置”
（6）设置路径中心点
（7）遍历section 计算数组中每一个元素占用总数的比例
（8）根据比例计算饼状的结束位置 病设置“弧”的路径
（9）渲染扇形中UIView 上，实现实心的扇形
（10）给“扇形的起始位置”重新赋值，进入下一个循环

#pragma mark 矩阵操作    （ 平移 缩放 旋转 ）
目标：掌握中图层上下文的平移 缩放 旋转
#warining qurtz2d 的平移 要在绘制之前。
//平移
CGContextTranslateCTM(ctx,0,-80);//x y轴
//缩放
CGContextScaleCTM(ctx,1.5,1.0);//x y缩放的倍数
//旋转
CGContextRotateCTM(ctx,-M_PI*0.1);// 负数  逆时针， 正数  顺时针  围绕左上角（0，0）进行旋转的

#pragma mark  使用UIKit 绘图方法
//UIKit 方法，虽然不用获取上下文，但是内部最终都会获取上下文进行绘制。
//            画实心
UIRectFill(CGRectMake(10,10,100,100));
//            画空心
UIRectFrame(CGRectMake(10,10,100,100));

#pragma mark   Path 的使用
（1）画出的东西 ，都是沿着一条路径去画的。
（2）path 是将路径定义好后，再放入上下文。
使用步骤：1.创建路径 CGMutablePathRef path =CGPathCreateMutable();
2.通过CGPathAddLineToPoint,CGPointAddArc,CGPathAddEllipseInRect 定义路径
3.将路径添加到上下文中CGContextAddPath;

- (void)drawRect:(CGRect)rect {
// Drawing code

CGContextRef ctx = UIGraphicsGetCurrentContext();

//每调用一次，往上下文添加路径
//    CGContextMoveToPoint(ctx, 10, 10);
//    CGContextAddLineToPoint(ctx, 100, 100);

//先把所有的路径定义好，然后一次性往上下文中添加
CGMutablePathRef path = CGPathCreateMutable();

// 设置圆的路径
CGPathAddEllipseInRect(path, NULL, CGRectMake(10, 10, 100, 100));
CGPathAddEllipseInRect(path, NULL, CGRectMake(20, 20, 80, 80));

//添加弧的路径
//CGPathAddArc(<#CGMutablePathRef path#>, <#const CGAffineTransform *m#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat radius#>, <#CGFloat startAngle#>, <#CGFloat endAngle#>, <#bool clockwise#>)

//添加 "线" 路径
//CGPathAddLines(<#CGMutablePathRef path#>, <#const CGAffineTransform *m#>, <#const CGPoint *points#>, <#size_t count#>)

// 把路径添加到上下文
CGContextAddPath(ctx, path);

// 渲染
CGContextStrokePath(ctx);

//开发过程中，ARC环境 C语言的资源是不会自动释放
// 什么情况下创建的C语言资源，需要释放 以create，retain,copy创建的数据要释放
//CGPathRelease(path);
// 能用
CFRelease(path);

}