画面遷移

画面遷移 Android 風ズームZoom Page Transition

次の画面が少しだけ拡大しながら現れ、前の画面も少し拡大しながら消えていく。Android 10 前後の標準の動き。

画面遷移 Hero（共有要素の遷移）Hero Animation

一覧の小さな写真が、そのまま飛んでいって次の画面の大きな写真になる。同じ物だとひと目で分かる。

画面遷移 iOS 風プッシュCupertino Page Transition

次の画面が右から滑り込み、前の画面は少しだけ左へずれて暗くなる。iPhone のアプリでおなじみの動き。

画面遷移 コンテナトランスフォームContainer Transform

押したカードがその場でふくらみ、角を広げながら画面いっぱいの詳細画面に変わる。閉じるとカードに縮んで戻る。

画面遷移 フェードスルーFade Through

今の画面が先に消えきってから、次の画面が少し拡大しながら現れる。関係のない画面同士の切り替えに使う。

画面遷移 フェードフォワードFade Forwards Page Transition

次の画面が右から少しだけ入りながらフェードで現れ、前の画面は左へ少しずれながら消える。最近の Android の動き。

画面遷移 フェード遷移Fade Transition

画面が動かずに、前の画面が薄れて次の画面が浮かび上がる。いちばん控えめな遷移。

画面遷移 ページめくりPage Flip

本や雑誌のように、ページの端をつかんでめくると次のページが現れる。

画面遷移 円形に広がる遷移Circular Reveal

押した場所を中心に円が広がっていき、その円の中に次の画面が現れる。

画面遷移 下からせり上がる画面Full-screen Modal Transition

次の画面が下から上へせり上がってきて全体を覆う。閉じると下へ戻っていく。

画面遷移 共有軸の遷移Shared Axis Transition

手順を進むと画面が同じ向き（横・縦・奥）に送られ、戻ると逆向きに戻る。順番のある画面同士の関係が伝わる。

画面遷移 予測型「戻る」Predictive Back

戻るジェスチャーの途中で今の画面が縮み、後ろに前の画面がのぞく。離せば戻り、やめれば元に戻る。