iOS 中 CAShapeLayer 的使用( 等待删除的博文)
2016-03-11 00:00
363 查看
等待删除。
1、CAShapeLayer 简介
1、CAShapeLayer继承至CALayer,可以使用CALayer的所有属性值
2、CAShapeLayer需要与贝塞尔曲线配合使用才有意义
3、使用CAShapeLayer与贝塞尔曲线可以实现不在view的drawRect方法中画出一些想要的图形
4、CAShapeLayer属于CoreAnimation框架,其动画渲染直接提交到手机的GPU当中,相较于view的drawRect方法使用CPU渲染而言, 其效率极高,能大大优化内存使用情况
效果:
2、贝塞尔曲线与 CAShapeLayer 的关系
1、CAShapeLayer中有Shape这个单词,顾名思义,它需要一个形状才能生效
2、贝塞尔曲线可以创建基于矢量的路径
3、贝塞尔曲线给CAShapeLayer提供路径,CAShapeLayer在提供的路径中进行渲染,路径会闭环,所以路径绘制出了Shape
4、用于CAShapeLayer的贝塞尔曲线作为path,其path是一个首尾相接的闭环的曲线,即使该贝塞尔曲线不是一个闭环的曲线
一阶贝塞尔曲线
二阶贝塞尔曲线
三阶贝塞尔曲线
四阶贝塞尔曲线
五阶贝塞尔曲线
然后是通过代码直接体现贝塞尔曲线和CAShapeLayer之间的关系:
3、StrokeStart 与 StrokeEnd 动画
1、将ShapeLayer的fillColor设置成透明背景
2、设置线条的宽度(lineWidth)的值
3、设置线条的颜色
4、将strokeStart值设定成0,然后让strokeEnd的值变化触发隐式动画
然后为了能实现圆形进度条的效果:
效果就是:
将上面的strokeStart也设置,但是注意:strokeStart必须要小于strokeEnd,否则会不画出线的情况。
1、CAShapeLayer 简介
1、CAShapeLayer继承至CALayer,可以使用CALayer的所有属性值
2、CAShapeLayer需要与贝塞尔曲线配合使用才有意义
3、使用CAShapeLayer与贝塞尔曲线可以实现不在view的drawRect方法中画出一些想要的图形
4、CAShapeLayer属于CoreAnimation框架,其动画渲染直接提交到手机的GPU当中,相较于view的drawRect方法使用CPU渲染而言, 其效率极高,能大大优化内存使用情况
效果:
2、贝塞尔曲线与 CAShapeLayer 的关系
1、CAShapeLayer中有Shape这个单词,顾名思义,它需要一个形状才能生效
2、贝塞尔曲线可以创建基于矢量的路径
3、贝塞尔曲线给CAShapeLayer提供路径,CAShapeLayer在提供的路径中进行渲染,路径会闭环,所以路径绘制出了Shape
4、用于CAShapeLayer的贝塞尔曲线作为path,其path是一个首尾相接的闭环的曲线,即使该贝塞尔曲线不是一个闭环的曲线
一阶贝塞尔曲线
二阶贝塞尔曲线
三阶贝塞尔曲线
四阶贝塞尔曲线
五阶贝塞尔曲线
然后是通过代码直接体现贝塞尔曲线和CAShapeLayer之间的关系:
3、StrokeStart 与 StrokeEnd 动画
1、将ShapeLayer的fillColor设置成透明背景
2、设置线条的宽度(lineWidth)的值
3、设置线条的颜色
4、将strokeStart值设定成0,然后让strokeEnd的值变化触发隐式动画
然后为了能实现圆形进度条的效果:
效果就是:
将上面的strokeStart也设置,但是注意:strokeStart必须要小于strokeEnd,否则会不画出线的情况。
相关文章推荐
- 《慕客网:IOS动画案例之会跳动的登入界面(上)》学习笔记 -Sketch的使用
- 27个提升效率的iOS开源库推荐
- iOS之通过PaintCode快速实现交互动画的最方便方法 未解问题
- iOS开发 -- 为本地文件添加自定义属性的工具类
- IOS之Foundation--plist简说
- 如何创建可扩展表视图中的iOS 学习和拓展优化(有待更新)
- IOS开发之待探究随录
- 《慕客网:IOS基础入门之Foundation框架初体验》学习笔记 <一>
- iOS设计模式 - 单例
- 关于第三方IOS的checkBox框架的使用
- iOS之github第三方框架(持续更新)
- 网易新闻iOS版使用的18个开源组件
- IOS学习资源收集--关于动画的代码学习资源总汇(很棒的动画效果哦)
- IOS设计模式-观察者模式
- 《慕客网:IOS基础入门之Foundation框架初体验》学习笔记 <二> NSMutableString
- IOS设计模式-组合设计模式
- 《慕客网:IOS基础入门之Foundation框架初体验》学习笔记 <四> NSMutableArray
- IOS开发之支付功能概述
- IOS应用沙盒文件操作
- 1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)