iOS开发UI篇—Quartz2D简单介绍 一、什么是Quartz2D Quartz 2D是?个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 ...
分类:
移动开发 时间:
2016-08-11 10:02:48
阅读次数:
184
iOS开发UI篇—Quartz2D简单使用(一) 一、画直线 代码: 效果: 二、画三角形 代码: 效果: 提示:关闭起点和终点 CGContextClosePath(ctx); 三、画四边形 代码: 提示:如果要设置绘图的状态必须在渲染之前。 效果(实心和空心): 四、画圆 代码1: 效果: 代码 ...
分类:
移动开发 时间:
2016-08-11 10:02:17
阅读次数:
216
一、简单说明 图形上下文(Graphics Context):是一个CGContextRef类型的数据 图形上下文的作用:保存绘图信息、绘图状态 决定绘制的输出目标(绘制到什么地方去?)(输出目标可以是PDF文件、Bitmap或者显示器的窗口上) 相同的一套绘图序列,指定不同的Graphics Co ...
分类:
移动开发 时间:
2016-08-11 06:11:16
阅读次数:
215
一、实现思路 Quartz2D最大的用途在于自定义View(自定义UI控件),当系统的View不能满足我们使用需求的时候,自定义View。 使用Quartz2D自定义View,可以从模仿系统的ImageView的使用开始。 需求驱动开发:模仿系统的imageview的使用过程 1.创建 2.设置图片 ...
分类:
移动开发 时间:
2016-08-11 06:08:27
阅读次数:
183
一、关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制。 代码: 1 - (void)drawRect:(CGRect)rect 2 { 3 // 画四边形 4 // 获取图形上下文 5 CGContextRef ctx = UIGraphicsGetCurrentCo ...
分类:
移动开发 时间:
2016-08-10 14:18:40
阅读次数:
156
一、绘图路径 A.简单说明 在画线的时候,方法的内部默认创建一个path。它把路径都放到了path里面去。 1.创建路径 CGMutablepathref 调用该方法相当于创建了一个路径,这个路径用来保存绘图信息。 2.把绘图信息添加到路径里边。 以前的方法是点的位置添加到ctx(图形上下文信息)中 ...
分类:
移动开发 时间:
2016-08-10 14:17:11
阅读次数:
308
一、前导程序 新建一个项目,在主控制器文件中实现以下几行代码,就能轻松的完成图片在视图中的平铺。 效果: 二、实现信纸条纹的效果 利用上面的这种特性来做一个信纸的效果。 默认的view上没有分割线,要在view上加上分割线有两种方式: (1)让美工做一张专门用来做背景的图片,把图片设置为背景。缺点: ...
分类:
移动开发 时间:
2016-08-10 14:12:14
阅读次数:
278
一、通过slider控制圆的缩放 1.实现过程 新建一个项目,新建一个继承自UIview的类,并和storyboard中自定义的view进行关联。 界面搭建,如图: 代码示例: YYViewController.m文件 YYView.h文件 YYView.m文件 效果: 2.注意点: drawRec ...
分类:
移动开发 时间:
2016-08-10 14:01:58
阅读次数:
242
一、什么是Quartz2D Quartz 2D是?个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 二、Quartz2D在iOS开发中的价值 为 ...
分类:
移动开发 时间:
2016-08-10 12:39:38
阅读次数:
196
一、画文字 代码: 效果: 二、图片 代码1: 效果(平铺): 代码2: 效果(拉伸图片): 代码3: 效果(把图片绘制到一个固定的位置): ...
分类:
移动开发 时间:
2016-08-10 12:37:38
阅读次数:
235