チップの切り替え
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
ToggleChip
は、ユーザーがさまざまなオプションを選択できる特別なチップです。
切り替えチップ
切り替えチップには、2 つの状態の切り替えコントロールが含まれます。2 つの状態の切り替えコントロールの例としては、スイッチ、ラジオボタン、チェックボックスなどがあります。切り替えチップは、設定など、多くのオプションをすばやく簡単に設定する必要がある場合に使用します。
構造
切り替えチップには 4 つのスロットがあり、2 つのテキストラベル、1 つの選択コントロール、1 つのアプリアイコンに対応しています。アイコンとセカンダリ ラベルは省略可能です。
A. ラベル
B. セカンダリ ラベル
C. アイコン
D. 選択コントロール
E コンテナ
選択コントロール
スイッチ
スイッチを使用して選択項目をオンまたはオフにします。
ラジオボタンラジオボタンは、ユーザーがオプションを 1 つしか選択できないリストで使用します。
チェックボックス
チェックボックスは、ユーザーがオプションを複数選択できるリストで使用します。
分割切り替えチップ
SplitToggleChip
は ToggleChip と異なり、タップ可能な領域が 2 つあります。一方はクリック可能なテキスト領域、もう一方は切り替えの領域です。
分割切り替えチップでは、各セクションを色分けすることで、タップ可能な背景領域と切り替えコントロールを区別できます。
使用方法
切り替えチップは次の例に示すように使用します。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2023-12-02 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]