UIKitとSwiftUIで実現する美しい・楽しい・心地よい画面遷移体験についてのポイント整理と実践例 by 酒井文也

iPhone Xの登場とWWDC18で発表された『Designing Fluid Interfaces』により、Fluid Interfaces（流れるような接点）を意識したUIデザインが一層注目されるようになりました。直感的でストレスの少ない、体の動きと連動した操作を実現するためには、アニメーションやインタラクション、特に画面遷移に関する理解が欠かせません。

しかし、これらの表現を実装する際、技術的なハードルを感じる方も多いでしょう。また、画面の遷移元と遷移先の「つなぎ目」に対する細部までの配慮や、滑らかな見た目と触り心地を実現するための微調整が必要です。

本トークでは、UIKitおよびSwiftUIを利用した画面遷移の基本的な処理から、アニメーションの工夫、さらにはオリジナリティを持たせるためのカスタマイズ手法まで、具体的なコード例と共に解説します。

具体的には以下のポイントをカバーします：

• 基本的な画面遷移の実装方法
• 直感的で滑らかな遷移を実現するアニメーションの工夫
• 画面遷移の「つなぎ目」を自然に見せるためのテクニック
• UIKit・SwiftUI利用時のアプローチ

このトークを通じて、参加者はUIKitとSwiftUIを駆使した美しい画面遷移の実現方法を理解し、実装へのハードルを下げることができるでしょう。