Quartz2D简单图形
这些天一直准备学绘图和核心动画这块,可一直找不到合适系统的教材,没有大纲,比较纠结,在网上搜了又搜,看着其他的博文写的
第一遍来学习绘制简单的图形
// 若想利用Quartz 2D在View上绘制信息,首先必须有图形上下文,用来保存绘图信息,输出目标。其次,图像上下文与View相关联(这时候图形上下文的输出目标即为关联的View)
// 1.为什么需要在drawrect中绘图? 因为在drawRect:方法中才能取得跟view相关联的图形上下文
// 2.drawRect:方法在什么时候被调用?
//1.当view第一次显示到屏幕上时(被加到UIWindow上显示出来)
//2.调用view的setNeedsDisplay或者setNeedsDisplayInRect:时
// 3.绘图顺序 后绘制的图形若与先绘制的图形发生重叠,后绘制的图形覆盖先绘制的图形
- (void)drawRect:(CGRect)rect {
//画直线
//获取图像上下文,在此方法调用获取的是layer的上下文
CGContextRef context=UIGraphicsGetCurrentContext();
//设置起点
CGContextMoveToPoint(context, 20, 100);
//设置终点
CGContextAddLineToPoint(context, 50, 60);
CGContextAddLineToPoint(context, 60, 80);
//设置线条颜色 二选一
/* [[UIColor yellowColor]set];//设置边框填充颜色都为同一种
[[UIColor yellowColor] setStroke];//设置边框颜色
[[UIColor yellowColor] setFill];// 设置填充颜色*/
CGContextSetRGBStrokeColor(context, 0, 1.0, 0, 1.0);
//设置填充颜色
CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor);
//设置线条宽度
CGContextSetLineWidth(context, 5.0);
//设置起点终点样式为圆角
CGContextSetLineCap(context, kCGLineCapRound);
//设置线条转角样式为圆角
CGContextSetLineJoin(context, kCGLineJoinRound);
//渲染到图层上 不调用前面设置的不显示
//线条边框渲染
CGContextStrokePath(context);
//填充 内部填充
// CGContextFillPath(context);
//画三角
//设置三个点
CGContextMoveToPoint(context, 30, 120);
CGContextAddLineToPoint(context, 50, 200);
CGContextAddLineToPoint(context, 200, 60);
CGContextAddLineToPoint(context, 200, 80);
//设置边框颜色
CGContextSetRGBStrokeColor(context, 1.0, 1.0, 1.0, 1.0);
//连接起点终点 无的话是只是几个点按顺序相连,起始点并未连接
CGContextClosePath(context);
CGContextStrokePath(context);
// CGContextFillPath(context);
//画矩形
CGContextAddRect(context, CGRectMake(50, 60, 100, 80));
[[UIColor blueColor] setStroke];
// CGContextFillPath(context);
CGContextStrokePath(context);
//画圆 1参数 上下文 2、3参数 圆中心x、y坐标 4参数 半径 5、6参数起始角度 7参数 0顺时针 1逆时针
CGContextAddArc(context, 60, 60, 20, 3.1415026/2, 0, 1);
CGContextStrokePath(context);
//画椭圆 圆是特殊的椭圆 所以可以用画椭圆的方法来画圆
CGContextAddEllipseInRect(context, CGRectMake(80, 80, 100, 200));
CGContextStrokePath(context);
//画圆弧
CGContextAddArc(context, 160, 160, 50, 3.1415026/2, 0, 1);
CGContextSetRGBStrokeColor(context, 1.0, 1.0, 0.5, 1.0);
CGContextClosePath(context);
CGContextStrokePath(context);
}
Quartz2D简单图形的更多相关文章
- iOS开发UI篇—Quartz2D简单介绍
iOS开发UI篇—Quartz2D简单介绍 一.什么是Quartz2D Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\ ...
- iOS开发UI篇—Quartz2D简单使用(一)
iOS开发UI篇—Quartz2D简单使用(一) 一.画直线 代码: // // YYlineview.m // 03-画直线 // // Created by apple on 14-6-9. // ...
- iOS开发UI篇—Quartz2D简单使用(三)
iOS开发UI篇—Quartz2D简单使用(三) 一.通过slider控制圆的缩放 1.实现过程 新建一个项目,新建一个继承自UIview的类,并和storyboard中自定义的view进行关联. 界 ...
- iOS开发UI篇—Quartz2D简单使用(一)
iOS开发UI篇—Quartz2D简单使用(一) 一.画直线 代码: 1 // 2 // YYlineview.m 3 // 03-画直线 4 // 5 // Created by apple on ...
- iOS边练边学--(Quartz2D)基本图形的绘制#附加自定义进度控件的练习
一.Quartz2D使用须知 Quartz2D的API是纯C语言的 Quartz2D的API来自于Core Graphics框架 二.<1>通过原始的方法(C语言)绘制简单图形--了解 & ...
- AJ学IOS(28)UI之Quartz2D简单介绍
AJ分享,必须精品 iOS开发UI篇—Quartz2D简单介绍 什么是Quartz2D Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : ...
- 学习笔记:HTML5 Canvas绘制简单图形
HTML5 Canvas绘制简单图形 1.添加Canvas标签,添加id供js操作. <canvas id="mycanvas" height="700" ...
- iOS开发UI篇—Quartz2D简单使用(二)
iOS开发UI篇—Quartz2D简单使用(二) 一.画文字 代码: // // YYtextview.m // 04-写文字 // // Created by 孔医己 on 14-6-10. // ...
- [ASP.NET] 图形验证码破解-以简单图形为例
原文 http://www.dotblogs.com.tw/joysdw12/archive/2013/06/08/captcha-cracked.aspx 前言 这次来讲个比较有趣的主题,就是该如何 ...
随机推荐
- Android学习之可滑动当前的Activity视图看见上一个活动的视图
先看一下我的效果图吧: 好大的图啊!!! 百度音乐由一个很酷的功能,当前的UI可以滑动,然后看见上一个活动的UI,当时顿时觉得百度的牛人好多啊,能将如此前沿的技术应用到app上.当然如果你熟悉了And ...
- mysql数据导入导出方法总结
MySQL数据备份还原方式总结: 一.将数据导入到指定的数据库 第一种导入方式: (linux下和Windows 下语法是一样的,只是路径的书写方式不同而已) 1.创建一个空数据库 2.进入MySQL ...
- Kali Linux渗透测试实战 1.4 小试牛刀
目录 1.4 小试牛刀 1.4.1 信息搜集 whois查询 服务指纹识别 端口扫描 综合性扫描 1.4.2 发现漏洞 1.4.3 攻击与权限维持 小结 1.4 小试牛刀 本节作为第一章的最后一节,给 ...
- StriveEngine-TCP
文章中的StriveEngine.dll版本为V3.9.0.0,源码下载请到 https://download.csdn.net/download/hanghangz/10966335 先上代码,建立 ...
- EF Core创建实体的Code First标准方法
针对关系型数据库,实体之间的关系最常见的就是通过外键关联的一对一.一对多和多对多的关系,新的EF Core通过注释和Fluent API 能够做到接近于数据库通过DML创建模型的效果了.实际上,通过D ...
- Loop List
Loop List is very common in interview. This article we give a more strict short statement about its ...
- Python 读取文件中unicode编码转成中文显示问题
Python读取文件中的字符串已经是unicode编码,如:\u53eb\u6211,需要转换成中文时有两种方式 1.使用eval: eval("u"+"\'" ...
- 27_网络编程-初识socket
一.C/S B/S 架构 1.定义 (1)C/S结构,即Client/Server(客户机/服务器)结构,是大家熟知的软件系统体系结构,通过将任务合理分配到Cl ...
- canvars 画花
index.html <!DOCTYPE html><html><head> <title>旋转的花</title> <meta ch ...
- github 最新项目快报
http://www.open-open.com/github/view/github2016-10-17.html