ボタンコントロール

Qt Quick Controls は、ボタンのようなコントロールのセレクションを提供します。

各ボタンの種類には、それぞれ固有の使用例があります。以下のセクションでは、使用ケースに応じて適切なタイプのボタンを選択するためのガイドラインを提供します。

ボタン・コントロール

Button は、アクションを開始したり、ポップアップを開いたり閉じたりするクリック可能なコントロールです。ボタンは通常テキストラベルを持ちますが、アイコンを持つこともできます。

ボタンは、ポップアップやダイアログがアクションを実行する必要がある場合に、非常に適したコントロールです。最も一般的な例としては、Apply、Cancel、Save、Close、Helpなどがあります。

推奨事項

• ボタンのテキストは、アクションを説明する動詞か、開かれるポップアップのタイトルに一致する名詞であるべきです。
• Switch の方が適しています。
• UIガイドラインで指定されていない限り、デフォルトのフォントを使用してください。
• テキストがローカライズされている場合、長いテキストがレイアウトに与える影響を考慮してください。

Button およびAbstractButton

チェックボックス・コントロール

CheckBox は、複数選択のオプション・リストを作成するために使われます。オプシ ョ ンはいくつでも選択で き ますが、 互いに排他的であ っ てはいけ ません。

はい/いいえ」 の選択肢には、CheckBox を 1 個だけ使いま し ょ う 。 た と えば、 フ ォーム内のサービ ス利用規約に同意す る 必要があ る と き な ど です。

Yes/Noの単一選択肢の場合、スイッチを使用することも可能です。選択肢がオプションに関するものであれば、CheckBox を使うのがよいでしょう。取るべき行動に関するものであれば、switch を使うのがよいでしょう。

選択肢がグループ化できる場合は、部分的にチェックされたCheckBox を使ってグループ全体を表すことができます。チェックボックスのpartially checked state は、ユーザがグループ内のすべてのサブ項目ではなく、いくつかのサブ項目を選択したときに使用します。

利用可能なチェック状態は、checked、partially checked、uncheckedの3つです。

チェック可能なオプションはしばしば縦にリストされます。

推奨事項

• チェックボックスラベルは、チェックマークがあれば「真」、なければ「偽」となるようにする。
• チェックボックスのラベルには否定的な文は書かないでください。
• UIガイドラインで指定されていない限り、デフォルトのフォントを使用してください。
• テキストがローカライズされている場合は、長いテキストがレイアウトに与える影響を考慮してください。

参照 CheckBox

DelayButton コントロール

DelayButton は、アクションをトリガーする前に遅延を組み込むボタンです。この遅延により、誤って押されることを防ぎます。

おすすめです：

• タッチユーザーインターフェイスで使用する。
• 注意してトリガーしなければならないアクションに使用する。

Button およびAbstractButton

ラジオボタン

RadioButton は、一連の選択肢から1つの選択肢のみを選択するために使用します。1つのオプションを選択すると、その前に選択されていたオプションは自動的に選択解除されます。

互いに排他的な選択肢が2つしかない場合は、それらを1つのチェックボックスかスイッチにまとめます。

推奨事項

• ラベルテキストは1行に制限する。
• 適切なデフォルト・オプションがチェックされるようにする。
• RadioButton オプションを縦に並べる。
• テ キ ス ト が ロ ー カ ラ イ ズ さ れてい る 場合は、 長いテ キ ス ト が レ イ ア ウ ト に与え る 影響を考慮 し ま し ょ う 。
• デフ ォ ル ト フ ォ ン ト を用い る 。 別段の指定があ る UI ガ イ ド ラ イ ン がない限 り 。
• CheckBox と同様に、リストを大きくしすぎないようにしましょう。
• 混乱を避けるため、2つのラジオボタンのグループを隣り合わせにしないでください。

参照 RadioButton

RoundButtonコントロール

RoundButton はクリック可能なコントロールで、アクションを開始したり、ポップアップを開いたり閉じたりします。四角い画像アイコンや一文字のフォントアイコンを持つ丸いボタンは円形です。円形の は、通常の よりもスペースを取らず、フローティングアクションボタンとしても使用できます。RoundButton Button

推奨事項

• ラベルは短く簡潔に。
• テキストがローカライズされている場合は、長いテキストがレイアウトに与える影響を考慮してください。

参照 RoundButton

スイッチコントロール

Switch は、ユーザーが「オン」または「オフ」の状態を選択できる物理的なスイッチを表します。スイッチは、スイッチを入れた直後に有効になるバイナリ操作に使用する。例えば、WIFIのオン/オフを切り替えるスイッチなど。

推奨事項

• ラベルは短く簡潔に。
• テキストがローカライズされている場合は、長いテキストがレイアウトに与える影響を考慮する。

参照 Switch

ToolButtonコントロール

ToolButton は、 とほぼ同じですが、 に挿入するのに適したグラフィカルな外観を持っています。Button ToolBar

参照 ToolButton

関連情報

• Qt Quick Controls ガイドライン