核心动画 Material Motion household

核心动画 Material Motion households 在 核心动画 和 Material Motion 运行时 之间提供桥梁。

支持的编程语言

• Swift 3
• Objective-C

功能

Tween 使用 CABasicAnimation 对 CA万事屋的一个属性沿着一个缓和曲线进行动画。

使用 Tween 的方式就像使用 CABasicAnimation 实例一样：提供一个键路径、持续时间，以及从/to 值中的一个或两个。

let tweenBackgroundColor = Tween("backgroundColor", duration: animDuration)
tweenBackgroundColor.from = UIColor.orange.cgColor
tweenBackgroundColor.to = UIColor.lightGray.cgColor
scheduler.addPlan(tweenBackgroundColor, to: myView)

Tween 的属性映射到以下 CA属性

目前不支持其他 CA属性。查看我们的特性请求来追踪支持其他功能性的进度。

安装

使用

导入框架

@import MaterialMotionCoreAnimationFamily;

您现在将可以访问所有 API。

示例应用/单元测试

运行以下命令以访问 CATegory 应用程序的本地副本

git clone https://github.com/material-motion/material-motion-family-coreanimation-swift.git
cd material-motion-family-coreanimation-swift
pod install
open MaterialMotionCoreAnimationFamily.xcworkspace

指南

1. 如何使用 Tween 计划动画属性
2. 如何将 Tween 值提交给图层

如何使用 Tween 计划动画属性

代码片段

Objective-C

MDMTween *tween = [[MDMTween alloc] initWithKeyPath:@"<#key path#>" duration:<#duration#>];
tween.from = <#from value#>;
tween.to = <#to value#>;
[scheduler addPlan:tween to:<#Object#>];

Swift

let tween = Tween(<#key path#>, duration: <#duration#>)
tween.from = <#from value#>
tween.to = <#to value#>
scheduler.addPlan(tween, to: <#Object#>)

如何将 Tween 值提交到图层

我们提供了两个辅助 API 将 Tween 计划的 to/from 值提交给指定的 CALayer 实例。这通常用于将 Tween 的 to 值提交到图层，以便在动画完成后属性不会出现“瞬间回弹”的现象。

代码片段

Objective-C

[tween commitToValueTo:<#CALayer#>]

Swift

tween.commitToValue(to: <#CALayer#>)

贡献

我们欢迎贡献！

查看我们的即将到来的里程碑。

了解更多关于我们的团队、我们的社区和我们的贡献者基本知识。

许可协议

许可协议为 Apache 2.0。详细信息请见 LICENSE。