セグメンテッドコントロール
Segmented Control
別名: セグメントコントロール
ライブデモ
説明
一言で説明
2〜5個の選択肢をボタン群として横に並べ、1つを選択するUI。フィルタや表示切替に使われる。
いつ使う？
少数の選択肢から1つを選ばせて、表示をフィルタリングしたり切り替えたりするとき。
💡 日常の言い方
「横に並んだボタンの中から1つだけ選べるやつ」
似ている用語との違い
セグメンテッドコントロール vs タブ
タブはコンテンツ領域全体を切り替える。セグメンテッドコントロールはフィルタや表示モードの切替に使う。
セグメンテッドコントロール vs ラジオボタン
ラジオボタンはフォーム内の選択。セグメンテッドコントロールはUIの表示切替に使う。
AIへの指示例
リスト表示の上にセグメンテッドコントロールを追加して。「すべて」「未読」「既読」の3つで切り替えられるようにして。