0Pricing
Swift Academy · 课时

隐式与显式动画

使用 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 反馈 — 无需本地设置。

此课程中的所有课时

  1. CALayer 基础
  2. 隐式与显式动画
  3. 变换与三维效果
  4. 使用 Core Graphics 自定义绘图
← 返回 Swift Academy