隐式与显式动画
使用 CABasicAnimation 为图层属性添加动画。
隐式与显式动画 是 CoddyKit 上的免费 Swift Academy 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Swift Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Swift Academy 课程共包含 4 节课。
图层动画的两种方式
Core Animation 提供隐式动画(属性变化时自动执行)和显式动画(由您创建动画对象)。
了解这两种方式及其相互作用,是实现流畅运动的关键。
隐式动画
更改独立图层的可动画化属性,会使用默认的 0.25 秒曲线触发隐式动画,无需创建动画对象。
let layer = CALayer()
// Later, this animates automatically:
layer.opacity = 0.0可动画化属性
许多图层属性都可以进行动画处理:opacity、position、bounds、backgroundColor、transform、cornerRadius 等。
layer.cornerRadius = 20 // animates implicitly
layer.backgroundColor = UIColor.systemGreen.cgColor动作与动作机制
隐式动画由动作驱动。属性发生变化时,图层会查找要执行的 CAAction。您可以自定义这些动作,也可以将其禁用。
视图承载的图层会禁用隐式动画
附加到 UIView 的图层会关闭隐式动画。您可以改用 UIView.animate,或使用显式动画来为它们设置动画。
UIView.animate(withDuration: 0.3) {
view.alpha = 0
}CABasicAnimation
CABasicAnimation 会在 fromValue 和 toValue 之间为一个属性设置动画。请使用与该属性匹配的键路径将它添加到图层。
let anim = CABasicAnimation(keyPath: "opacity")
anim.fromValue = 1.0
anim.toValue = 0.0
anim.duration = 0.5
layer.add(anim, forKey: "fade")呈现值与模型值
显式动画只会改变呈现值(屏幕上显示的值);动画结束时,图层的模型值会恢复。
若要让更改保留,还必须设置模型值。
layer.opacity = 0.0 // set model value so it persists
layer.add(anim, forKey: "fade")关键帧动画
CAKeyframeAnimation 会根据 keyTimes 在多个 values 之间进行动画,或沿着 path 运动,非常适合弹跳效果或沿曲线运动。
let move = CAKeyframeAnimation(keyPath: "position")
move.values = [
NSValue(cgPoint: CGPoint(x: 0, y: 0)),
NSValue(cgPoint: CGPoint(x: 100, y: 0)),
NSValue(cgPoint: CGPoint(x: 100, y: 100))
]
move.duration = 1.0
layer.add(move, forKey: "path")时间函数
使用 timingFunction 控制加速度:缓入、缓出、线性,或自定义三次贝塞尔曲线。
anim.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)分组与事务
将多个更改包装在 CATransaction 中,可以共享持续时间和时间设置,或完全禁用隐式动画。
CATransaction.begin()
CATransaction.setDisableActions(true)
layer.position = CGPoint(x: 200, y: 200)
CATransaction.commit()动画代理与完成处理
设置 CATransaction.setCompletionBlock 或动画代理,以便在运动结束时执行代码,例如清理、衔接后续动画或更新状态。
CATransaction.begin()
CATransaction.setCompletionBlock { print("done") }
layer.add(anim, forKey: "fade")
CATransaction.commit()快速检查:动画
测试您对隐式动画和显式动画的理解。
回顾:隐式动画与显式动画
独立图层会在可动画化属性发生变化时,通过动作执行隐式动画;视图承载的图层会禁用这种行为,并使用 UIView.animate。显式的 CABasicAnimation 和 CAKeyframeAnimation 会为呈现值设置动画,因此请更新模型值以保留结果。
使用时间函数调整运动效果,在 CATransaction 中批量处理更改,并使用完成块执行后续工作。
常见问题解答
「隐式与显式动画」课时是免费的吗?
是的 — 「隐式与显式动画」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Swift Academy 课程的其余内容,请升级到 CoddyKit PRO。 Swift Academy 课程共包含 4 节课。
「隐式与显式动画」这节课中我会学到什么?
使用 CABasicAnimation 为图层属性添加动画。 你通过在浏览器中直接运行的动手代码来练习 Swift Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Swift Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Swift Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。
「隐式与显式动画」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Swift Academy 课中编写并运行代码吗?
能。每节 Swift Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。