版本记录
版本号 | 时间 |
---|---|
V1.0 | 2017.09.24 |
前言
app中好的炫的动画可以让用户耳目一新,为产品增色不少,关于动画的实现我们可以用基本动画、关键帧动画、序列帧动画以及基于CoreGraphic的动画等等,接下来这几篇我就介绍下我可以想到的几种动画绘制方法。具体Demo示例已开源到Github —— 刀客传奇,感兴趣的可以看我写的另外几篇。
1. 实现动画方式深度解析(一) —— 播放GIF动画(一)
2. 实现动画方式深度解析(二) —— 播放GIF动画之框架FLAnimatedImage的使用(二)
3. 实现动画方式深度解析(三) —— 播放序列帧动画(一)
4. 实现动画方式深度解析(四) —— QuartzCore框架(一)
5. 实现动画方式深度解析(五) —— QuartzCore框架之CoreAnimation(二)
6. 实现动画方式深度解析(六) —— Core Animation Basics(三)
7. 实现动画方式深度解析(七) —— Core Animation之Setting Up Layer Objects(四)
8. 实现动画方式深度解析(八) —— Core Animation之动画层内容 (五)
9. 实现动画方式深度解析(九) —— Core Animation之构建图层层级 (六)
10. 实现动画方式深度解析(十) —— Core Animation之高级动画技巧 (七)
11. 实现动画方式深度解析(十一) —— Core Animation之更改图层的默认行为(八)
12. 实现动画方式深度解析(十二) —— Core Animation之提高动画的性能(九)
13. 实现动画方式深度解析(十三) —— Core Animation之图层样式属性动画(十)
Key-Value Coding Extensions - KVC扩展
Core Animation
扩展了NSKeyValueCoding
协议,因为它与CAAnimation
和CALayer
类有关。 此扩展添加了一些键的默认值,扩展了包装约定,并为CGPoint,CGRect,CGSize
和CATransform3D
类型添加了关键路径支持。
Key-Value Coding Compliant Container Classes - KVC兼容容器类
CAAnimation和CALayer类是按键值编码兼容的容器类,这意味着您可以设置任意键的值。 即使关键someKey不是CALayer类的声明属性,您仍然可以为其设置一个值如下:
[theLayer setValue:[NSNumber numberWithInteger:50] forKey:@"someKey"];
您还可以检索任意键的值,例如检索其他键路径的值。 例如,要检索先前设置的someKey路径的值,您将使用以下代码:
someKeyValue=[theLayer valueForKey:@"someKey"];
OS X注意:CAAnimation和CALayer类自动存档为这些类的实例设置的任何其他键,支持NSCoding
协议。
Default Value Support - 默认值支持
核心动画添加了一个关键值编码的约定,一个类可以为没有设置值的键提供默认值。 CAAnimation和CALayer类使用defaultValueForKey:
方法支持此惯例。
要为键提供默认值,请创建所需类的子类并覆盖其defaultValueForKey:
方法。 您执行此方法应检查关键参数并返回相应的默认值。 下面代码显示了一个层对象的defaultValueForKey:方法的示例实现,该对象提供了maskToBounds
属性的默认值。
// Example implementation of defaultValueForKey:
+ (id)defaultValueForKey:(NSString *)key
{
if ([key isEqualToString:@"masksToBounds"])
return [NSNumber numberWithBool:YES];
return [super defaultValueForKey:key];
}
Wrapping Conventions - 包装约束
当键的数据由标量值或C数据结构组成时,必须将该类型包装在对象中,然后再分配给该层。 类似地,访问该类型时,您必须检索一个对象,然后使用相应类的扩展来解开适当的值。 下表列出了常用的C类型和用于包装的Objective-C类。
Key Path Support for Structures - 键路径支持结构体
CAAnimation和CALayer类允许您使用关键路径访问所选数据结构的字段。 此功能是指定要动画化的数据结构的字段的便捷方式。 您还可以结合使用setValue:forKeyPath:
和valueForKeyPath:
方法来设置和获取这些字段。
1. CATransform3D Key Paths - CATransform3D键路径
您可以使用增强型密钥路径支持来检索包含CATransform3D数据类型的属性的特定转换值。 要指定图层变换的完整键路径,可以使用字符串值transform
或sublayerTransform
,后跟下表中的一个字段键路径。 例如,要指定围绕图层z轴的旋转因子,您可以指定键路径transform.rotation.z
。
Field Key Path | Description |
---|---|
rotation.x | Set to an NSNumber object whose value is the rotation, in radians, in the x axis. |
rotation.y | Set to an NSNumber object whose value is the rotation, in radians, in the y axis. |
rotation.z | Set to an NSNumber object whose value is the rotation, in radians, in the z axis. |
rotation | Set to an NSNumber object whose value is the rotation, in radians, in the z axis. This field is identical to setting the rotation.z field. |
scale.x | Set to an NSNumber object whose value is the scale factor for the x axis. |
scale.y | Set to an NSNumber object whose value is the scale factor for the y axis. |
scale.z | Set to an NSNumber object whose value is the scale factor for the z axis. |
scale | Set to an NSNumber object whose value is the average of all three scale factors. |
translation.x | Set to an NSNumber object whose value is the translation factor along the x axis. |
translation.y | Set to an NSNumber object whose value is the translation factor along the y axis. |
translation.z | Set to an NSNumber object whose value is the translation factor along the z axis. |
translation | Set to an NSValue object containing an NSSize or CGSize data type. That data type indicates the amount to translate in the x and y axis. |
以下示例显示如何使用setValue:forKeyPath:
方法修改图层。 该示例将x轴的平移因子设置为10点,使层沿着指示的轴移动该量。
[myLayer setValue:[NSNumber numberWithFloat:10.0] forKeyPath:@"transform.translation.x"];
注意:使用键路径设置值与使用Objective-C属性设置值不同。 您不能使用属性符号来设置变换值。 您必须使用带有上述键路径字符串的setValue:forKeyPath:
方法。
2. CGPoint Key Paths - CGPoint键路径
如果给定属性的值为CGPoint数据类型,则可以将下表中的一个字段名称附加到该属性以获取或设置该值。 例如,要更改图层的position
属性的x分量,可以写入关键路径position.x
。
3. CGSize Key Paths - CGSize键路径
如果给定属性的值是CGSize数据类型,则可以将下表中的一个字段名称附加到属性中以获取或设置该值。
4. CGRect Key Paths - CGRect键路径
如果给定属性的值为CGRect数据类型,则可以在下表中附加以下字段名称以获取或设置该值。 例如,要更改图层边界属性的宽度分量,可以写入关键路径bounds.size.width
。
后记
未完,待续~~~