版本记录
版本号 | 时间 |
---|---|
V1.0 | 2017.09.20 |
前言
app中好的炫的动画可以让用户耳目一新,为产品增色不少,关于动画的实现我们可以用基本动画、关键帧动画、序列帧动画以及基于CoreGraphic的动画等等,接下来这几篇我就介绍下我可以想到的几种动画绘制方法。具体Demo示例已开源到Github —— 刀客传奇,感兴趣的可以看我写的另外几篇。
1. 实现动画方式深度解析(一) —— 播放GIF动画(一)
2. 实现动画方式深度解析(二) —— 播放GIF动画之框架FLAnimatedImage的使用(二)
3. 实现动画方式深度解析(三) —— 播放序列帧动画(一)
框架基本结构
1. OC中所有系统框架及分类
说到框架这里需要外延一下子,大家对OC中的有哪些框架以及具体可以分为几类清楚吗?下面我们就看一下OC中框架的基本结构。
看完上面几个图示,大家应该会感觉顺了很多。
2. QuartzCore框架
大家知道利用CoreAnimation
可以实现动画,但是CoreAnimation
并不是一个单独的框架,它是属于QuartzCore
框架里面的。下面我们就看一下这个框架的结构和主要的类。
框架的主要功能模块分类
1. Layer Basics
-
- 该对象可以管理基于图像的内容,同时允许你在那个内容上执行动画。
-
- 你的app可以实现的与layer相关事件响应。
-
- 在两个layers之间的单个的布局(layout)。
-
- 允许对象管理layer及其子layer的布局的方法。
-
- 提供基于constraint layout管理者对象。
-
- 一个接口,允许对象响应CALayer触发的行为。
2. Drawing Text, Shapes, and Colors
-
- 一个layer用于在background color上画颜色渐变色,填充图层的形状(包括圆角)。
-
- 在其坐标空间中绘制立方贝塞尔样条曲线的图层。
-
- 一个提供简单文本布局和渲染纯文本或属性字符串的图层。
3. Animating Content
-
-
Core Animation
动画抽象父类。
-
-
- 您的应用程序可以实现的方法,以便在动画开始和停止时进行响应。
-
-
CAAnimation
的一个抽象子类,用于创建操纵图层属性值的动画。
-
-
- 为图层属性提供基本的单关键帧动画功能的对象。
-
- 为图层对象提供关键帧动画功能的对象。
-
- 一种将弹簧般的力应用于图层属性的动画。
-
- 提供图层状态之间动画转换的对象。
-
- 提供定义动画转换的灵活方法的对象。
4. Batching Animations
-
- 允许将多个动画分组并同时运行的对象。
-
- 将多个层次树操作分组到渲染树的原子更新的机制。
5. Timing
-
- 将动画的起搏定义为时序曲线的函数。
-
- 对分层计时系统进行建模的方法,允许对象在其父级和本地时间之间映射时间。
6. Working with Particle Systems
-
- 发射,动画和渲染粒子系统的层。
-
- 由
CAEmitterLayer
发出的粒子的定义。
- 由
7. Advanced Layer Options
-
- 创建其子层(源层)的指定数量的副本的层,每个副本可能具有应用于其的几何,时间和颜色转换。
-
- 显示可滚动内容大于其自己的边界的图层。
-
- 异步提供图层内容的一个图层,可能在多个细节级别缓存。
-
-
CATransformLayer
对象用于创建真正的3D图层层次结构,而不是其他CALayer类使用的扁平化层次呈现模型。
-
8. Synchronizing Drawing to the Refresh Rate of the Display
-
- 一个定时器对象,允许应用程序将其绘图同步到显示器的刷新率。
9. Rendering Using Low-Level Graphics APIs
-
- 支持在iOS和tvOS应用程序中绘制OpenGL内容的图层。
-
- 一个管理金属绘图池的图层。
-
-
Metal
可以呈现或写入的可显示资源。
-
-
-
CAOpenGLLayer
提供了适合于渲染OpenGL
内容的图层。
-
-
- 一个允许应用程序将层树渲染到
Core OpenGL(CGL)
上下文中的层。
- 一个允许应用程序将层树渲染到
10. Remote Display of Layer Content
11. Reference
-
-
QCCompositionLayer
类在Core Animation
层次结构中加载,播放和控制Quartz Composer合成
。 组合跟踪核心动画层时间,并直接呈现在QCCompositionLayer
对象的当前维度。
-
12. Extended Types
后记
未完,待续~~
网友评论