ComboBox の使用

ComboBox コンポーネントを使用すると、ユーザーがドロップダウンリストから 1 つのアイテムを選択できます。ComboBox には、静的なコンボボックスと編集可能なコンボボックスがあります。編集可能な ComboBox では、リストの一番上にあるテキストフィールドにユーザーがテキストを直接入力できます。ドロップダウンリストがドキュメントの下端にぶつかる場合は、リストが下ではなく上に伸びます。ComboBox は、3 つのサブコンポーネントから構成されます。つまり、BaseButton、TextInput、および List の各コンポーネントです。

編集可能な ComboBox の場合は、ボタンの部分だけがヒット領域になり、テキストボックスはヒット領域に含まれません。静的な ComboBox の場合は、ボタンとテキストボックスの両方がヒット領域になります。ヒット領域をクリックすると、ドロップダウンリストの開閉を切り替えることができます。

ユーザーがマウスまたはキーボードのいずれかを使用してリストからアイテムを選択すると、選択したアイテムのラベルが ComboBox の上部にあるテキストフィールドにコピーされます。

ComboBox の使用

関連トピック