今天初始Quartz2D,我好激动啊,也好开心,莫名的会喜欢带有图形相关的课程……

好啦,闲话少说,今天用Quartz2D方法画了最最爱的大白。迫不及待的想要和大家分享。

1、首先实例化了view

2、在实例化的view的写代码就可以了,是不是很简单。

//不允许直接调用drawRect方法,使用setNeedsDisplay 间接调用drawRect方法

- (void)drawRect:(CGRect)rect {

//获得图形上下文

//获得当前图形上下文

CGContextRef  context = UIGraphicsGetCurrentContext();

//头

[self drawHeader:context];

[self drawHeader2:context];

//眼睛

[self drawEye:context];

[self drawEye2:context];

[self drawEye3:context];

[self drawEye4:context];

[self drawEyeLine:context];

//身体

[self drawBody:context];

[self drawBody2:context];

[self drawBody3:context];

[self drawBody4:context];

[self drawBody5:context];

//脚

[self drawBody6:context];

[self drawBody7:context];

}

#pragma mark 画头(上边)

- (void)drawHeader :(CGContextRef) context{

// 1.  圆心 ,半径,起始和终止角度 ,方向

CGContextAddArc(context, self.frame.size.width/2, 150, 50, 0,- M_PI, 1);

CGContextStrokePath(context);

}

#pragma mark 画头(下边)

- (void)drawHeader2 :(CGContextRef) context{

// 1.  圆心 ,半径,起始和终止角度 ,方向

CGContextAddArc(context, self.frame.size.width/2, 150, 50, 0,- M_PI, 0);

CGContextStrokePath(context);

}

#pragma mark 眼睛(左下)

-(void)drawEye:(CGContextRef) context{

CGContextAddArc(context, 162, 160, 10, 0,- M_PI, 0);

CGContextFillPath(context);

}

#pragma mark 眼睛(左上)

-(void)drawEye2:(CGContextRef) context{

CGContextAddArc(context, 162, 160, 10, 0,- M_PI, 1);

CGContextFillPath(context);

}

#pragma mark 眼睛(右下)

-(void)drawEye3:(CGContextRef) context{

CGContextAddArc(context, 212, 160, 10, 0,- M_PI, 0);

CGContextSetLineWidth(context, 3);

CGContextFillPath(context);

}

#pragma mark 眼睛(右上)

-(void)drawEye4:(CGContextRef) context{

CGContextAddArc(context, 212, 160, 10, 0,- M_PI, 1);

CGContextSetLineWidth(context, 3);

CGContextFillPath(context);

}

#pragma mark 眼睛连线

- (void)drawEyeLine :(CGContextRef) context{

//移动到某一点

CGContextMoveToPoint(context, 162, 160);

//添加一条线

CGContextAddLineToPoint(context, 212, 160);

CGContextSetLineWidth(context, 3);//线宽

//    3.绘制图形

CGContextStrokePath(context);

}

#pragma mark  身体(左) 贝塞尔

- (void)drawBody:(CGContextRef) context{

CGPoint p1=CGPointMake(152, 185);

CGPoint p2=CGPointMake(20, 290);

CGPoint p3=CGPointMake(120, 400);

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

#pragma mark  身体(右)贝塞尔

- (void)drawBody2:(CGContextRef) context{

CGPoint p1=CGPointMake(222, 185);

CGPoint p2=CGPointMake(355, 290);

CGPoint p3=CGPointMake(255, 400);

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

#pragma mark  身体(下)贝塞尔

- (void)drawBody3:(CGContextRef) context{

CGPoint p1=CGPointMake(120, 400);//第一个点

CGPoint p2=CGPointMake(187.5, 450);//中间的点

CGPoint p3=CGPointMake(255, 400);//第二个点

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

#pragma mark  身体(左胳膊) 贝塞尔

- (void)drawBody4:(CGContextRef) context{

CGPoint p1=CGPointMake(148, 180);

CGPoint p2=CGPointMake(0, 300);

CGPoint p3=CGPointMake(103, 380);

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

#pragma mark  身体(右胳膊)贝塞尔

- (void)drawBody5:(CGContextRef) context{

CGPoint p1=CGPointMake(226, 180);

CGPoint p2=CGPointMake(375, 300);

CGPoint p3=CGPointMake(272, 380);

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

#pragma mark 脚(左)贝塞尔

- (void)drawBody6:(CGContextRef) context{

CGPoint p1=CGPointMake(120, 400);

CGPoint p2=CGPointMake(140, 450);

CGPoint p3=CGPointMake(175, 424);

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

#pragma mark 脚(左)贝塞尔

- (void)drawBody7:(CGContextRef) context{

CGPoint p1=CGPointMake(255, 400);

CGPoint p2=CGPointMake(234, 450);

CGPoint p3=CGPointMake(199, 424);

CGContextMoveToPoint(context, p1.x, p1.y);

CGContextAddQuadCurveToPoint(context, p2.x, p2.y, p3.x, p3.y);

CGContextStrokePath(context);

}

@end

原谅小菜鸟见得世面少,不过,真的有认真地写了代码,请喜欢大白的童鞋,拿去试试吧,大白送给你们。

今天学习很开心,明天继续加油,大家一起加油哟~~

Quartz2D 画大白的更多相关文章

  1. 【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)

    原本自己也想画大白,正巧看到一位同学(github:https://github.com/shiyiwang)也用相同的方法画了. 且细节相当到位.所以我就fork了一下,在此我也分享一下.同时,我也 ...

  2. AJ学IOS(34)UI之Quartz2D画画板的实现

    AJ分享,必须精品 效果: 实现过程: 首先用storyboard搭建界面,没有什么好说的. 然后就是注意的功能了,这里用了触摸事件来搭配Quartz2D的路径来画画. 思路就是把路径放到数组中 @p ...

  3. 用纯CSS画大白

    纯CSS打造网页大白知识点:      首先要把大白分割,整体baymax中包含header(eye1,eye2,mouth),torso(heart),belly(cover),l-bigfinge ...

  4. AJ学IOS(29)UI之Quartz2D自定义下载控件_画各种图形

    AJ分享,必须精品 效果 自定义控件过程 主要过程在上一篇里有介绍了,这里主要介绍下代码实现 先做好要放的view 然后实现呢主要就是四步: 1:获取上下文 2:拼接路径 3:把路径添加到上下文. 4 ...

  5. Quartz2D之绘制一个简单的机器猫

    学习iOS有一段时间了,在博客园也默默的潜水了两个月,见识了很多大神,收获不少. 今天整理笔记,发现忘记的不少,我感觉需要及时的整理一下了,同时也把做的小东西贴上来和大家分享一下. 最近学习了Quar ...

  6. iOS开发——UI进阶篇(十五)Quartz2D介绍

    一.Quartz2D简介 1.什么是Quartz2DQuartz 2D是一个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作绘制图形 : 线条\三角形\矩形\圆\弧等绘制文字绘 ...

  7. iOS开发UI篇—Quartz2D简单介绍

    iOS开发UI篇—Quartz2D简单介绍 一.什么是Quartz2D Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\ ...

  8. 【iOS】Quartz2D简单介绍

    一.什么是Quartz2D Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图 ...

  9. Quartz2D学习笔记(1)

    ********************************** 简介 *************************************** Quartz2D是⼀个二维绘图引擎,同时支持 ...

随机推荐

  1. iscsi 怎么搞

    I recently reinstalled the software on my NAS (open media vault) and tidied up the host name etc. As ...

  2. MySql自增长列

    1. 关键字 auto_increment 2. 自增用法 a) create table test(tid int auto_increment, tname varchar(10), primar ...

  3. nginx长连接设置

    http { keepalive_timeout 20; --长连接timeout keepalive_requests 8192; --每个连接最大请求数} events { worker_conn ...

  4. c#Ice开发之环境配置(一)

    第一步,基于Windows下的安装,所以下载windows版的Ice,官网最新版本是Ice3.5.1: http://www.zeroc.com/download/ 安装完成可以在vs-工具的最下面看 ...

  5. 转I2s

    转自http://blog.csdn.net/ce123/article/details/6919954 I2S音频总线学习(二)I2S总线协议 一.I2S总线概述 音响数据的采集.处理和传输是多媒体 ...

  6. C++ 快排

    // 进行一轮快排并返回当前的中间数 int getMiddle( int* arr, int low, int high ) { auto swaparr = [&]( int i, int ...

  7. Shift的用法

    Shell编程中Shift的用法     位置参数可以用shift命令左移.比如shift 3表示原来的$4现在变成$1,原来的$5现在变成$2等等,原来的$1.$2.$3丢弃,$0不移动.不带参数的 ...

  8. ndk-stack 使用(分析native代码stack)

    简介: ndk r6 版本之后开始提供该功能. 作用: ndk-stack可以把不认识的内存地址信息转换成可读的信息. 比如,把下列内容 I/DEBUG ( ): *** *** *** *** ** ...

  9. java工作流软件发送邮件的方案

    利用javamail的功能将发送邮件的功能集成到java工作流系统中.javamail包提供有发送邮件的方法,设置发送人地址,收件人地址,抄送,主题,邮件服务器地址,认证用户等信息,再调用javama ...

  10. Java导出Word利用freemarker(含图片)

    制作Word模版 建议使用高版本的office做,尽量不要用WPS做,生成xml会出现乱码 编码要统一,推荐UTF-8 建好模板,将模板另存为xml格式,建议原来模板不要删,xml的如果后期打不开,还 ...