Contrôles des boutons

Qt Quick Les contrôles offrent une sélection de contrôles de type bouton.

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

Contrôle de bouton

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

Le bouton est un contrôle très approprié 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 sera ouverte.
• N'utilisez pas de bouton pour définir un état. Switch est plus approprié pour cela.
• Utilisez la police par défaut, sauf si des directives d'interface utilisateur spécifient le contraire.
• Si le texte est localisé, tenez compte de l'influence d'un texte plus long sur la mise en page.

Voir aussi Button et AbstractButton

Contrôle CheckBox

CheckBox est utilisé pour construire des listes d'options multi-sélectionnées. Il est possible de sélectionner un nombre quelconque d'options, y compris aucune, mais les options ne doivent pas s'exclure mutuellement.

Utilisez une seule adresse CheckBox pour un choix oui/non, par exemple lorsque vous devez accepter les conditions d'un contrat de service dans un formulaire.

Pour un choix unique oui/non, il est également possible d'utiliser un commutateur. Si le choix concerne une option, il est préférable d'utiliser un CheckBox. S'il s'agit d'une action à entreprendre, il est recommandé d'utiliser un commutateur.

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

Les trois états de contrôle disponibles sont : coché, partiellement coché et non coché.

Les options à cocher sont souvent listées verticalement.

Recommandations :

• L'étiquette de la case à cocher doit être une déclaration indiquant que la case cochée est vraie et que l'absence de case cochée est fausse.
• L'étiquette de la case à cocher ne doit pas contenir de mention négative.
• Utilisez la police par défaut, à moins que des directives d'interface utilisateur n'en disposent autrement.
• Si le texte est localisé, tenez compte de l'influence d'un texte plus long sur la mise en page.

Voir aussi CheckBox

Contrôle DelayButton

DelayButton est un bouton qui incorpore un délai avant de déclencher une action. Ce délai permet d'éviter les appuis accidentels.

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

Contrôle RadioButton

RadioButton est utilisé pour sélectionner une seule option parmi un ensemble d'options. La sélection d'une option désélectionne automatiquement la précédente.

S'il n'y a que deux options qui s'excluent mutuellement, combinez-les en une seule case à cocher ou un commutateur.

Recommandations :

• Limiter le texte de l'étiquette à une ligne.
• Veiller à ce qu'une option par défaut judicieuse soit cochée.
• Énumérer les options RadioButton verticalement.
• Si le texte est localisé, tenez compte de l'influence d'un texte plus long sur la mise en page.
• Utilisez la police par défaut, sauf si des directives d'interface utilisateur précisent le contraire.
• Tout comme pour CheckBox, la liste ne doit pas être trop longue.
• Pour é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 lance une action, ou ouvre ou ferme une fenêtre contextuelle. Un bouton rond avec une icône d'image carrée ou une icône de police d'une lettre est circulaire. Un bouton circulaire RoundButton prend moins de place qu'un bouton normal Button et peut également être utilisé comme bouton d'action flottant.

Recommandations :

• Les étiquettes doivent être courtes et concises.
• Si le texte est localisé, tenez compte de l'influence d'un texte plus long sur la mise en page.

Voir aussi RoundButton

Commande d'interrupteur

Switch représente un interrupteur physique qui permet aux utilisateurs de choisir entre un état "allumé" ou "éteint". Un interrupteur est utilisé pour des opérations binaires qui prennent effet immédiatement après sa mise en marche. Par exemple, un interrupteur pour activer ou désactiver le WIFI.

Recommandations :

• Les étiquettes doivent être courtes et concises.
• Si le texte est localisé, tenez compte de l'influence d'un texte plus long sur la mise en page.

Voir aussi Switch

Contrôle ToolButton

ToolButton est presque identique à Button, mais il a une apparence graphique qui le rend plus adapté à l'insertion dans un ToolBar.

Voir aussi ToolButton

Informations connexes

• Qt Quick Directives sur les contrôles