Une zone de saisie est un champ d'entrée de données. Il peut y avoir beaucoup de variations sur ce à quoi une zone de saisie peut ressembler, elles peuvent être aussi simple que d'un champ de saisie de texte, et aussi complexe qu'un champ de saisie multi-partie avec une entrée de texte, des sélecteurs de valeur et des boutons. Consultez le Guide de codage pour les détails sur la mise en œuvre des zones de saisie.
Caractéristiques
Détails à venir.
Captures d'écrans
Ici vous pouvez voir une variété de zones de saisie, qui suggère différentes utilisations possibles.
Entrées génériques
Ce sont de simples boîtes de saisie de texte.
Entrée générique: videVoici une boîte de saisie simple, sans texte saisi à l'intérieur, seulement du texte générique pour l'espace réservé. |
Entrée générique: remplieIci, l'entrée générique est préremplie. Notez la présence du bouton "effacer" à l'extrémité droite du champ de saisie. |
Entrées dans le haut de la vue
Ces entrées sont situées dans la partie supérieure de la vue (soit tout en haut de l'écran, ou immédiatement sous un en-tête).
Haut : videVoici un champ de saisie de texte en haut d'une page, qui devrait être utilisé sous un en-tête. |
Haut : actifCe champ de saisie de texte du haut de vue est actif, il dispose d'un bouton actif "Annuler" à côté de lui, et le bouton "Effacer" dans le champ de saisie est visible. Ce style d'entrée doit être utilisée sans en-tête. Note: Ceci nécessite plus d'explications, de quelle façon est-ce différent de la forme «vide» en termes d'utilisation d'en-tête ? |
Entrées dans le bas de la vue
Ces entrées sont situées dans le bas de la vue.
Boîte de saisie de texte videCette zone de saisie en bas de vue comporte un bouton "Envoyer" (qui vient d'une application SMS). Notez que le bouton "Envoyer" est désactivée car l'entrée est vide. |
Boîte de saisie de texte pleineMaintenant, la zone de saisie est remplie, et le bouton "Envoyer" est activé. |
Boîte de saisie de texte multi-lignesÉtant donné que la quantité de texte saisi par l'utilisateur augmente, la zone de saisie en bas de vue s'étend vers le haut pour faire de la place à plus de contenu, comme on le voit ici. |
Fieldsets simples
Ces fieldsets comprennent une combinaison d'un sélecteur de valeur et d'une zone de saisie. Dans cet exemple, le bouton de sélection de valeur est utilisée pour ouvrir un sélecteur de choisir de type de contact dans l'application contacts (travail, maison, etc), et la zone de saisie est utilisé pour entrer l'adresse e-mail correspondante.
VideIci, la zone de saisie de texte est vide, ne montrant que le texte de l'espace réservé. |
Avec du texteIci, l'utilisateur a entré une adresse email. Un bouton Supprimer se trouve à côté du champ, afin de permettre la suppression de l'adresse de courriel à partir de l'enregistrement de contact.
|
Avec le bouton de sélection de valeurs presséIci, l'utilisateur a appuyé sur le bouton de sélection de valeur, quand il sera relâché, le sélecteur de valeur s'ouvrira pour laisser choisir le type de contact. |
Désactivé, avec le bouton annulerIci, l'entrée est désactivée, mais possède un bouton annuler. Note: Besoin d'explication pour les cas d'utilisation de cet objet. |
Fieldsets complexes
Les fieldsets plus complexes peuvent contenir
Avec du contenu entréIci, nous avons une zone d'entrée pour laquelle plusieurs valeurs de saisie de texte sont associés à la catégorie "Maison": un numéro de téléphone et un nom. Un bouton est inclus pour ajouter une adresse à cette catégorie.
|
Désactivé, avec un bouton annulerDans cet exemple, l'entrée est désactivée, avec un bouton annuler. Note: Besoin d'explication pour les cas d'utilisation de cet objet.
|
Interaction
Ci dessous vous pouvez voir une série d'interaction dans le but de créer une nouvelle entrée de calendrier.