Apple公式の呼び方、Segue(セグエ)、Segue Type(セグエ・タイプ)
この記事を書いた理由
ボタンを配置して、画面を遷移できるけど、結局、いつ、なんどきにどのメニューを選んでいいかわからないのでここまでは!というところで情報を集めて頭の中を整理してみた。使ったことがない機能、使いこなせていない機能ばかりなのでアプデが来たら更新する。
間違っているときは、紳士、淑女的な視点から優しく教えてちょ!
Action Segue(基本の遷移)(アクションセグエ)
Show
判断基準
前後関係がある
戻って続きをしたい
使用例
トップ → 一覧に遷移
一覧 → 詳細に遷移
詳細 → 編集(保存したら戻る)
自由に入れる自動ドアで、場所を仕切るけど一旦、場所を仕切りたいとき
Show Detail(iPadのような詳細を決めるメニュー画面をまだ作ったことがないのでここは仮説)
端末
主にiPadのようなでかい画面
使用例
図1を参考
左:一覧(メニュー・リスト)
右:中身(詳細)
中身を更新するために左側のメニューリストを作成するために必要(?)
Present Modally(現在の画面の上に新しい画面を下から上にスライドさせて重ねて表示する遷移スタイル)
判断基準
今の作業を中断する
終わったら元の画面に戻る
閉じるボタンが必要
使用例
設定
ログイン
注意・確認
入力フォーム(キャンセルあり)
クイズの答えを別画面で表示させたいとき。
鍵付き扉
Present As Popover(クリップスタジオのようなより詳細なブラシの設定画面に使う。これも使ったことがない領域なので仮説。吹き出しのようにひょっこりメニュー画面を表示させてくれる説)
判断基準
作業を止めない
描いているキャンバスはそのまま
画面遷移しない
集中が切れない
👉 Modalだと「描く → 設定 → 戻る」でテンポが崩れる
選択が一瞬で終わる
ペン太さ:1px / 3px / 5px …
色:黒 / 赤 / 青
👉 5秒以内で完結する操作
どこから出たかが一目で分かる
ペンアイコンをタップ
その近くにメニューが出る
👉「あ、ここから出たんだな」が直感的
Custom(カスタムしたい時!ここも使いたい時が来ていないので説)
判断基準
Show / Modal / Popover では表現できない画面遷移を“自作”するためのもの
使用例
演出をしたい時に使う
ポケポケでカードの袋を開封する時に回転させて袋の状態確認する時のような演出だと思っている
Non-Adaptive Action Segue(基本的に使わない)
Push(deprecated)
Modal(derecated)
なぜ使わないのに存在するのか、、、!
学習済みの昔の人が困らないため
図1
図2
アプデ頼む!
わからないことばかりなので、間違っていたら訂正お願いします!
参考文献


