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

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、雪花下落效果




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值