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 前言 这次来讲个比较有趣的主题,就是该如何 ...
随机推荐
- Python基础语法-内置数据结构之列表
列表的一些特点: 列表是最常用的线性数据结构 list是一系列元素的有序组合 list是可变的 列表的操作, 增:append.extend.insert 删:clear.pop.remove 改:r ...
- MySQL 5.7并发复制和mysqldump相互阻塞引起的复制延迟
本来MySQL BINLOG和mysqldump命令属于八竿子打不着的两个事物,但在最近故障排查中,发现主库和从库已经存在很严重的复制延迟,但从库上显示slave_behind_master值为0,复 ...
- JS学习笔记3_函数表达式
1.函数表达式与函数声明的区别 函数声明有“提升”(hoisting)的特性,而函数表达式没有.也就是说,函数声明会在加载代码时被预先加载到context中,而函数表达式只有在执行表达式语句时才会被加 ...
- bootstrap基础学习小记(一)简介模板、全局样式
2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootStrap.Bootstrap由MARK ...
- MeasureOverride和ArrangeOverride 练手项目
public class Diagnol:Panel { /// <summary> /// 测量 /// </summary> /// <param name=&quo ...
- 背水一战 Windows 10 (52) - 控件(集合类): ItemsControl - 自定义 ItemsControl, 自定义 ContentPresenter
[源码下载] 背水一战 Windows 10 (52) - 控件(集合类): ItemsControl - 自定义 ItemsControl, 自定义 ContentPresenter 作者:weba ...
- MVVM双向绑定实现之Object.defineProperty
随着web应用的发展,直接操作dom的应用已渐行渐远,取而代之的是时下越来越流行的MVVM框架,dom操作几乎绝迹,这里面自然是框架底层封装的结果.MVVM框架的双向数据绑定使开发效率大大提高:然后在 ...
- 【BZOJ3097】 Hash Killer I
BZOJ3097 Hash Killer I Solution 考虑它是自然溢出,相当于就是对\(2^{63}\)取膜 那么就有\(aaaaa...aaa\)(多于64个)和\(baaaa...aaa ...
- python 字符串中‘r’前缀
在Python中,如果字符串的前面有r/R前缀,那么,就会禁用转义符\的功能: >>>path = r'C:\new\text.dat'>>>pah'C:\\new ...
- 脚本中 if 判断细节
if [[ $1 == "fedora" ]];then echo "redhat" elif [[ $1 == "redhat" ]];t ...