SwiftUI × Metalで実現する多彩なトランジション by izumi

Viewの表示・非表示といった状態変化の際にトランジションによる視覚効果を加えることで、
UIの変化をユーザーに自然に伝えやすくなり、アプリケーションの表現力も大きく向上します。

SwiftUIでは、transitionモディファイアやTransition protocolを使うことでトランジション演出やカスタムトランジションを実現できます。
Built-inのTransitionを用いたり、scaleやoffset、opacityなどを組み合わせるだけでもさまざまな演出を行えますが、
さらにリッチな表現を追求したい場合には、SwiftUIとMetalを組み合わせることで、より多彩な表現が可能となります。
SwiftUIとMetalの連携はiOS 17で登場したcolorEffect、distortionEffect、layerEffectによって実現可能で、
これにより画面が歪む・波紋が広がる・グリッチを加えるなどのダイナミックで印象的な演出を表現できます。

本トークでは、SwiftUIの基本的なトランジションの使い方からカスタムトランジションの作り方、
そしてMetalを用いた多彩なトランジション演出の実現方法まで、デモを交えながら具体的な実装のポイントを紹介します。
トランジションを使いこなしてアプリにさらなる表現をプラスしましょう。