今天初始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. UVA 494 Kindergarten Counting Game

    题目大意:输入一个字字符串,输出该字符串中所包含的"word"个数,其中"word"是指连续的字母(大小写均可) 题目思路:其实这是道水题,不过我考虑的时候,太 ...

  2. POJ 3468 A Simple Problem with Integers(线段树 成段增减+区间求和)

    A Simple Problem with Integers [题目链接]A Simple Problem with Integers [题目类型]线段树 成段增减+区间求和 &题解: 线段树 ...

  3. Oracle补习班第九天

    Better to light one candle than to curse the darkness. 与其诅咒黑暗,不如点亮烛光! 1,用SQL备份数据库数据文件 sqlplus / as s ...

  4. AIX上增加逻辑卷时报错误0516-787 extendlv: Maximum allocation for logical volume

    AIX上增加逻辑卷时报错误0516-787 extendlv: Maximum allocation for logical volume jdelv02 is 512. 在往aix使用chfs -a ...

  5. Nopcommerce 二次开发2 Admin

    Admin 菜单 增加 siteMap.config增加一行 <siteMapNode SystemName="Hotels" nopResource="Admin ...

  6. c++学习--继承与派生

    继承和派生 1 含有对象成员(子对象)的派生类的构造函数,定义派生类对象成员时,构造函数的执行顺序如下: 1 调用基类的构造函数,对基类数据成员初始化: 2 调用对象成员的构造函数,对对象成员的数据成 ...

  7. Android: R cannot be resolved to a varia...

    Android: R cannot be resolved to a varia... 2012-07-27 10:58:32     上传者: wangdao下载(0) 浏览(57568) 评论(0 ...

  8. 慕课网-Java入门第一季-7-2 Java 中无参无返回值方法的使用

    来源:http://www.imooc.com/code/1578 如果方法不包含参数,且没有返回值,我们称为无参无返回值的方法. 方法的使用分两步: 第一步,定义方法 例如:下面代码定义了一个方法名 ...

  9. hadoop 日志分析

    1:在每一个tomcat服务器上,生成的日志目录中,在java中用定时器每天将当天的日志上传到hadoop中 (技术要点:quatz+hadoop-client)具体的目录动态的采用时间品名 2:ha ...

  10. adb server无法终止问题

    这两天通过python去连接Android手机时,一直提示:Adb connection Error:An existing connection was forcibly closed by the ...