[SwiftUI]フェードインのアニメーションをする方法

フェードインのアニメーションを、ビューに設定する方法を解説します。

方法

フェードインをするには、適用したいビューに、「taransion(.opacity)」とanimationモディファイアを付けます。

View()
   .transition(.opacity)
    .animation(.easeIn)

簡単に説明すると、transitionモディファイアは、ビューの表示・非表示が切り替わる際の「アニメーション」を指定するものです。

「透明〜不透明」になるアニメーションは、「.opacity」を指定します。

そして、アニメーションを指定するだけでなく、実際に適用するために「animation」モディファイアを使います。

まとめ

フェードインをするには、適用したいビューに、「taransion(.opacity)」とanimationモディファイアを付けます。

オススメの記事

[SwiftUI]「アニメーション(animation)」を使う方法

2021/8/10 SwiftUIでアニメーションを使う方法について解説します。

www.choge-blog.com

2021.08.10

[SwiftUI]ざっくり分かる「トランジション」とは

どうも、ちょげ（@chogetarou）です。この記事では、トランジションについて解説します。トランジションとはSwiftUIで、画面が表示、もしくは非表示になる際にアニメーションをつけることを「トランジション」と言います。例えば、画像を表...

www.choge-blog.com

2021.08.01

[SwiftUI]アニメーションを付ける「withAnimation」

2021.8.13 アニメーションを付けるwithAnimationを解説します。

www.choge-blog.com

2021.08.13