[SwiftUI]画像をフェードインさせる方法

画像をフェードインさせる方法を解説します。

方法

画像をフェードインさせるには、Imageビューに「.transition(.opacity)」とanimationモディファイアを付けます。

Image("image")
    .transition(.opacity)
    .animation(.easeIn)

transitionモディファイアは、画面の表示・非表示が切り替わる際のアニメーションを指定する修飾子です。

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

まとめ

画像のフェードインには、Imageビューに「.transition(.opacity)」と「animation」修飾子をつけます。

オススメの記事

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

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

www.choge-blog.com

2021.08.01

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

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

www.choge-blog.com

2021.08.10

[SwiftUI]「影」をつける方法

2021/8/6 この記事では、SwiftUIで影をつける方法について解説します。

www.choge-blog.com

2021.08.06