Commandes de type bouton

Qt Quick Controls propose une sélection de contrôles de type bouton.

Chaque type de bouton a son propre cas d'utilisation spécifique. Les sections suivantes proposent des recommandations pour choisir le type de bouton approprié, en fonction du cas d'utilisation.

Contrôle « Bouton »

Button est un contrôle cliquable qui déclenche une action, ou ouvre ou ferme une fenêtre contextuelle. Un bouton comporte généralement un libellé, mais il peut également contenir une icône.

Le bouton est un contrôle particulièrement adapté lorsqu'une fenêtre contextuelle ou une boîte de dialogue doit effectuer une action. Les exemples les plus courants sont « Appliquer », « Annuler », « Enregistrer », « Fermer » et « Aide ».

Recommandations :

• Le texte du bouton doit être un verbe décrivant l’action, ou un nom correspondant au titre de la fenêtre contextuelle qui s’ouvrira.
• N’utilisez pas de bouton pour définir un état. Une « Switch » est plus adaptée à cet usage.
• Utilisez la police par défaut, sauf si vos directives d’interface utilisateur spécifient le contraire.
• Si le texte est localisé, tenez compte de l’impact d’un texte plus long sur la mise en page.

Voir également Button et AbstractButton

le contrôle CheckBox

CheckBox est utilisé pour créer des listes d’options à sélection multiple. Un nombre illimité d’options peut être sélectionné, y compris aucune, mais les options ne doivent pas s’exclure mutuellement.

Utilisez un seul bouton « CheckBox » pour un choix oui/non, par exemple lorsque vous devez accepter les conditions générales d’utilisation dans un formulaire.

Pour un choix simple « oui/non », il est également possible d’utiliser un commutateur. Si le choix concerne une option, il est préférable d’utiliser une case à cocher ( CheckBox). S’il concerne une action à effectuer, un commutateur est recommandé.

Lorsque des options peuvent être regroupées, vous pouvez utiliser une case à cocher partiellement cochée CheckBox pour représenter l’ensemble du groupe. Utilisez l’ partially checked state de la case à cocher lorsqu’un utilisateur sélectionne certains sous-éléments du groupe, mais pas tous.

Les trois états d’xml-ph-0000@deepl.internal disponibles sont : cochée, partiellement cochée et non cochée.

Les options cochables sont souvent répertoriées verticalement.

Recommandations :

• Le libellé de la case à cocher doit être une affirmation que la coche rend vraie et que l’absence de coche rend fausse.
• Le libellé de la case à cocher ne doit pas contenir d'énoncé négatif.
• Utilisez la police par défaut, sauf si vos directives d’interface utilisateur spécifient le contraire.
• Si le texte est localisé, tenez compte de l'impact d'un texte plus long sur la mise en page.

Voir aussi CheckBox

Contrôle DelayButton

DelayButton est un bouton qui intègre un délai avant de déclencher une action. Ce délai permet d’éviter les pressions accidentelles.

Recommandations :

• À utiliser dans les interfaces utilisateur tactiles.
• À utiliser pour les actions qui doivent être déclenchées avec précaution.

Voir également « Button » et AbstractButton

le contrôle RadioButton

RadioButton sert à sélectionner une seule option parmi un ensemble d’options. La sélection d’une option désélectionne automatiquement celle qui était sélectionnée auparavant.

S'il n'y a que deux options mutuellement exclusives, regroupez-les dans une seule case à cocher ou un commutateur.

Recommandations :

• Limitez le texte de l'étiquette à une seule ligne.
• Veillez à ce qu'une option par défaut pertinente soit cochée.
• Présentez les options d'RadioButton s verticalement.
• Si le texte est localisé, tenez compte de l’impact d’un texte plus long sur la mise en page.
• Utilisez la police par défaut, sauf si vos directives d'interface utilisateur en disposent autrement.
• Tout comme pour l’ CheckBox, ne rendez pas la liste trop longue.
• Afin d’éviter toute confusion, ne placez pas deux groupes de boutons radio l’un à côté de l’autre.

Voir aussi RadioButton

Contrôle RoundButton

RoundButton est un contrôle cliquable qui déclenche une action, ou ouvre ou ferme une fenêtre contextuelle. Un bouton rond comportant une icône carrée ou une icône de police à une lettre est circulaire. Un « RoundButton » circulaire prend moins de place qu’un « Button » normal et peut également être utilisé comme bouton d’action flottant.

Recommandations :

• Veillez à ce que les libellés soient courts et concis.
• Si le texte est localisé, tenez compte de l'impact d'un texte plus long sur la mise en page.

Voir aussi RoundButton

Commutateur

Switch représente un commutateur physique qui permet aux utilisateurs de choisir entre un état « activé » ou « désactivé ». Utilisez un commutateur pour les opérations binaires qui prennent effet immédiatement après son activation. Par exemple, un commutateur permettant d'activer ou de désactiver le Wi-Fi.

Recommandations :

• Veillez à ce que les libellés soient courts et concis.
• Si le texte est localisé, tenez compte de l’impact d’un texte plus long sur la mise en page.

Voir aussi Switch

Contrôle ToolButton

ToolButton est presque identique à Button, mais son apparence graphique le rend plus adapté à une insertion dans une ToolBar.

Voir aussi ToolButton

Informations connexes

• Qt Quick Controls Directives