← 違いの一覧へ

画面の切り替え方の違い

タブバー・タブ(上部タブ)・セグメントコントロール

どれも押すと表示が切り替わりますが、切り替わる範囲の大きさが違います。

表で比べる

タブバータブ(上部タブ)セグメントコントロール
場所画面の一番下画面の上(見出しの下)中身のすぐ上
切り替わる範囲アプリ全体の画面その画面の中身同じ中身の見せ方
数の目安3〜5個2〜5個(多いと横にスクロール)2〜4個
よくある例ホーム・検索・マイページおすすめ・フォロー中日・週・月

こんなときは、これ

迷ったら大きい順に、タブバー(アプリ全体)→ タブ(画面の中)→ セグメント(見せ方)です。

ほかの違いも見る

知らせ方の違い重ねて出す画面の違い選んでもらう部品の違い待ち時間の見せ方の違いメニューの出し方の違い一覧の続きの出し方の違い説明の見せ方の違い選択肢から選ぶ部品の違い数や値を決める部品の違いスクロールで動くヘッダーの違い