实战需求

SwiftUI 动画教程之实现正计时动画数字增长效果

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• AnimatableModifier允许我们为SwiftUI不允许动画的内容设置动画，例如文本。
• 设置效果.modifier(NumberView(number: number))
• 启动动画 withAnimation(Animation.easeInOut(duration: 2)) {number = 1024}

基础知识

AnimatableModifier

可以使用动画创建另一个修改器的修改器。

protocol AnimatableModifier : Animatable, ViewModifier

实战代码

import SwiftUIstruct ContentView: View {@State private var number = 0var body: some View