21
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

プッシュ遷移,モーダル遷移の区別

Last updated at Posted at 2019-01-31

はじめに

こんにちは!Ayumuです。私はこれまでプッシュ遷移、モーダル遷移をどのように使い分けるべきか分からず、遷移の目的を意識せずに使っていました。(私の場合はモーダル遷移を一切使わずプッシュ遷移だけを行なっていました...)
今回はそれぞれの遷移方法の扱いについて共有させて頂きます。
間違いがありましたら指摘して頂けると幸いです。

#プッシュ遷移
プッシュ遷移は、ある目的までの移動手段に用います。
ここではiPhoneの設定画面を具体例に説明します。スクリーンショット 2019-01-31 10.42.27.png
この写真はiPhoneの壁紙を変更している図です。
この図のシーンにおいての目的は壁紙を変更することです。壁紙を変更することができるページに行くまでの移動手段としてプッシュ遷移が用いられています。

注意しておきたい点として、あくまでプッシュ遷移はスタート地点から目的地点までの移動であり、ある地点で前のページに戻ったからといって、そこで行われた行動が取れ消されるというわけではありません。

#モーダル遷移
スクリーンショット 2019-01-31 10.42.35.png
モーダル遷移は一時的に画面を表示させるものです。プッシュ遷移の移動の中で一時的に分岐して別の画面を表示させるものです。
プッシュ遷移にある写真の続きです。
プッシュ遷移で壁紙を変更することができるページまで移動してきました。(写真の一番左)
あとは画像を選ぶだけです!

ここでモーダル遷移の出番です。
プッシュ遷移はあくまで目的を果たすことができるページにまで移動しただけであり、そこから何か新たなアクションを起こす場合には新たに分岐して別画面に移動してあげる必要があります。

写真の場合、壁紙を変更できるページでユーザーが写真を選択し、壁紙を変更するという決定を行う際にモーダルが表示されています。(写真左から2番目)
ユーザーの決定が済んだあとは再び移動地点に戻る必要があります。(写真左から3番目)
#結論
プッシュ遷移でタスクを進行
モーダル遷移でタスクを補完するために分岐

#最後に
拙い文章で申し訳ありません。
https://qiita.com/usagimaru/items/9b55daa4d88b0bb98f38
こちらの記事を見て遷移の違いを知り、自分自身でも共有したいと思い記事を投稿させて頂きました。とても分かりやすかったので是非ご覧ください!

21
17
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
21
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?