Zone de saisie

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: vide

Voici 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: remplie

Ici, 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 : vide

Voici un champ de saisie de texte en haut d'une page, qui devrait être utilisé sous un en-tête.

Haut : actif

Ce 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 vide

Cette 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 pleine

Maintenant, 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.

Vide

Ici, la zone de saisie de texte est vide, ne montrant que le texte de l'espace réservé.

Avec du texte

Ici, 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 annuler

Ici, 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 annuler

Dans 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.

Voir aussi

Pièces jointes

Fichier Taille Date Joint par
input: bottom - max size
7828 octets 2013-02-24 08:20:38 Sheppy
input: bottom - normal size
4397 octets 2013-02-24 08:20:47 Sheppy
input: bottom - empty (disabled send)
2211 octets 2013-02-24 08:20:59 Sheppy
input: small fieldset - empty
3044 octets 2013-02-24 08:21:16 Sheppy
input: small fieldset with undo
4302 octets 2013-02-24 08:21:28 Sheppy
input: large fieldset with button
6832 octets 2013-02-24 08:21:42 Sheppy
input: small fieldset - selector pressed
5433 octets 2013-02-24 08:22:03 Sheppy
input: small fieldset - with data
4597 octets 2013-02-24 08:22:15 Sheppy
input: large fieldset with undo
5008 octets 2013-02-24 08:22:29 Sheppy
input: generic - empty
2650 octets 2013-02-24 08:22:44 Sheppy
input: generic - full
3236 octets 2013-02-24 08:22:53 Sheppy
input: top - active
4334 octets 2013-02-24 08:23:05 Sheppy
input: interactions flow
541771 octets 2013-02-24 09:10:54 Sheppy

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : Omnilaika02, Goofy
Dernière mise à jour par : Omnilaika02,