➰

【SwiftUI】.animationでアニメーションをつける方法

2023/04/05に公開

Swift

はじめに

この記事の主張

.animation(_:value:)で値の変更を検知して、指定のアニメーションをViewに反映する
アニメーションの種類を比較

本題

`.animation(_:value:)`で値の変更を検知して、指定のアニメーションをViewに反映する

実際にコードからみていきましょう。
以下のコードでは、円をタップすると、円のサイズが3倍に拡大/縮小されます。
拡大時/縮小時にアニメーションが入っています。

import SwiftUI

struct AnimationView: View {
    
    @State private var isLarge: Bool = false
    
    var body: some View {
        Button {
            isLarge.toggle()
        } label: {
            Circle()
                .frame(width: 100, height: 100)
                .scaleEffect(isLarge ? 3 : 1)
                .animation(.spring(), value: isLarge)
        }
    }
}