[SwiftUI] timingCurveを用いた緩急のあるアニメーション例と解説 - Qiita

以前、このような物理法則っぽいLoadingのアニメーションを作成しました。 これでは、AnimationにtimingCurveを使って、アニメーションに緩急をつけています。 timingCurveのドキュメント 解説 まず、もっと簡単な場合を考えてみましょう。 struct ProgressCircleExplain: View { @State private var animate = false var body: some View { ZStack { Circle() // Outer circle .frame(width: 250, height: 250) .foregroundColor(.gray) .opacity(0) Circle() // Single Moving circle .frame(width: 20, height: 20) .foregro