iOS开发 - 第02篇 - UI进阶 - 11 - Quartz2D

来源:互联网 发布:淘宝卡怎么办理 编辑:程序博客网 时间:2024/04/29 14:10

1、基本概念


1> Quartz 2D是一个二维绘图引擎,同时支持iOS和Mac系统,Quartz 2D能完成的工作:

绘制图形:线条\三角形\矩形\圆\弧等;绘制文字;绘制\生成图片(图像);读取\生成PDF;截图\裁剪图片;自定义UI控件

2> 有些UI界面极其复杂、而且比较个性化,用普通的UI控件无法实现,这时可以利用Quartz2D技术将控件内部的结构画出来,自定义控件的样子。其实,iOS中大部分控件的内容都是通过Quartz2D画出来的。因此,Quartz2D在iOS开发中很重要的一个价值是:自定义View(自定义UI控件)

3> 图形上下文




4> 自定义UI控件




2、基本线条 & 形状 绘制


2.1 线条绘制步骤




2.2 形状绘制步骤




3、下载进度条


3.1 界面




3.2 实现思路


1> 在ViewController中添加一个UISlider,监听valueChange事件

2> 自定义HMProgressView,关联View控件

3> 在HMProgressView中自定义一个CGFloat变量progress,记录进度

4> 在UISlider事件中更新progress

5> 在HMProgressView中添加一个UILabel,懒加载,显示进度

6> 绘制圆弧,并重绘




4、饼图 & 柱状图


4.1 饼图




4.2 柱状图




5、UIKit绘制




6、雪花下落效果




0 0