绘图与动画

绘图与动画.

绘图最主要的还是原理:上下文环境..

几点疑问想要解决??
引擎和框架的区别,什么是引擎.
- 引擎是实现一些具体的功能的,如绘图引擎,是为(CG)框架服务的.

什么是渲染??
计算机中的渲染是什么意思?什么原理?
- 就是把抽象的可视化的东西(物理模型或者数据模型),变成屏幕上可以显示的二维图像.

Bezier曲线?
抛物线么??

做游戏真的需要很好的算法基础吗??

引擎与框架

引擎是实现一些具体的功能的,如绘图引擎,是为框架服务的.

Quartz 2D:二维绘图引擎(纯C语言的API,产生于Core Graphics简称CG框架)

Cosos 2D:2D游戏引擎.

Unity 3D:3D游戏引擎.

iOS绘图中数据类型和函数一般都是以CG前缀开头的.

绘图的三个步骤:

获取当前上下文(环境).
绘制路径.
渲染(显示内容)

注意:在Quarts 2D中画线如果是相连的,就不要写起点了.

pragma mark - 4.绘图的方式

纯C 语言（上下文直接添加路径）
纯C 语言（创建路径再添加进上下文）
C 语言嵌套（OC 的路径）
C 语言嵌套（C 的路径嵌入 OC 的路径）
纯OC

关键语法:
1. CGContextRef ctx = UIGraphicsGetCurrentContext(); //联系上下文环境.

2. CGMutablePathRef path = CGPathCreateMutable(); //创建C路径

//有Creat就要释放:存在于CG,CF框架中.
 // CGPathRelease(<#CGPathRef _Nullable path#>) 
// CGImageRelease(<#CGImageRef _Nullable image#>)
// CFRelease(<#CFTypeRef cf#>)

3. UIBezierPath *pathOc = [UIBezierPath bezierPathWithCGPath:path]; //创建OC路径对象

4. CGContextAddPath(ctx, path.CGPath); //添加路径

5. 渲染,(path对象调用方法一种,C函数一种)

6. 起始点,movePoint,添加线addLine.都是CG开头,或者对象调用.

pragma mark - 5.drawrect

关于drawRect的几点疑问:

为什么绘图的代码都写在drawRect方法中.
- 首先这个方法非常特别,绘图代码只能写在这里面才能由系统调用起作用.其他地方不生效.且只能第一次调用,如果你想要改变你所绘图形,不能手动调用这个方法了(只能系统调用,可以通过手动[self setNeedDisplay]来调用系统的这个方法.
drawRect方法中的(CGRect)rect参数的作用.
- rect参数就是代表你的Bounds.你所绘制的范围.
什么时候调用drawRect方法
- 在加载View的时候.
如何重绘.为什么需要重绘.
- 不重绘无法显示,哪个方法只能生成一次图像,无法改变
主动调用drawRect方法可以吗?
- 不可以只能系统调用,手动调用不成功,可以[self setNeedDisplay]间接调用.

绘图练习

三角形(trigon)
矩形(rectangle)
圆形(circle)
椭圆(ellipse/oval)
圆弧(arc)

stroke笔画的意思,fill填充.

绘图的样式

谁渲染谁设置!!!!

设置线宽
线头样式(线的一头,连接就变了).
拐角样式(线连接的地方)
颜色
渲染方式

 //线宽 
 path.lineWidth = 20;
 //线头LineCap
 /*
 kCGLineCapButt,低点尖角
 kCGLineCapRound,圆角
 kCGLineCapSquare高点尖角
 */
 path.lineCapStyle = kCGLineCapSquare;
 //拐角LineJoin
 /*
 kCGLineJoinMiter,//尖角
 kCGLineJoinRound,//圆角
 kCGLineJoinBevel,//切斜角
 */
 path.lineJoinStyle = kCGLineJoinMiter;
 //颜色
 [[UIColor redColor] setStroke];
 [[UIColor brownColor] setFill];
如果单独只写set,系统是根据系统模式自动判断.

单词意思:butt:斜,round:圆弧,square:直角的,miter:尖角,Bevel:切斜角,cap:帽子,join:连接.

渲染的方式

空心,实心.

9.0 基偶填充规则【了解】

基数填充，偶数不填充
kCGPathEOFill

10.0 非零绕数填充规则【了解】

当一个点被从左到右覆盖过标记为1
从右到左覆盖过标记为-1
当标记为0的时候不填充，其他则填充
简单总结，这个规则与方向有关，与次数无关

饼状图

 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:starAngle endAngle:endAngle clockwise:YES]; 
//for循环依次创建扇形.每次改变首尾位置.
//渲染

柱状图

同上只是创建path的方式发生改变,每次的x,y,H改变来改变矩形的形状.

滑块与饼状图

//将UISilder创建拖动事件的方法.sender.value来监听改变的值,传到饼状图中,注意此时因为你的数据是改变的,要调用实时改变绘图的方法.

最后编辑于：2017.12.04 07:30:10