Text Input (Saisie de texte)

Le composant Text Input permet à la personne qui utilise votre application de taper tout ce qu'elle veut, comme des mots, des mots de passe ou des chiffres.

Vue d'ensemble

Définir le type de clavier

Vous pouvez choisir parmi les types de claviers suivants :

Default keyboard: Affiche le clavier par défaut de votre appareil
Email Address: Affiche un clavier alphanumérique pour accepter les adresses électroniques
Numeric: Affiche un clavier avec uniquement des chiffres ; il est similaire au clavier du téléphone
Phone Pad: Affiche un clavier de téléphone ; il est similaire au clavier numérique

Mise en place des mots de passe

Vous pouvez également configurer la saisie de texte pour les mots de passe comme indiqué ci-dessous en utilisant le commutateur de SecureTextEntry. Ce commutateur remplacera le texte par * au fur et à mesure que les utilisateurs le taperont.

Pour activer SecureTextEntry, cliquez sur l'onglet des propriétés avancées pour le composant de saisie de texte. Faites défiler vers le bas jusqu'à l'onglet SecureTextEntry et mettre le commutateur sur "True".

Style de la saisie de texte

Vous pouvez personnaliser le composant Text Input avec les propriétés suivantes :

Hint: Indication du texte qui disparaît lorsque l'utilisateur commence à taper dans la zone de saisie
Text: Texte qui apparaît sur la saisie de texte
Visible: Pour voir le texte saisi dans votre application, réglez le commutateur sur "True"
Border
- Width: Indiquez la largeur que vous souhaitez donner à la bordure du texte saisi
- Color: Choisissez une couleur pour la bordure de la saisie du texte
- Style: Choisissez si vous souhaitez que la bordure soit en pointillés, en tirets ou en traits pleins
- Radius: Indiquez le contour que vous souhaitez pour les bords de la bordure pour la saisie du texte

Modifier la taille de saisie du texte

Vous pouvez définir la hauteur du texte saisi à l'aide de la propriété Height et la largeur du texte saisi à l'aide de la propriété Width.

Height

Fill container - La saisie de texte remplit tout l'écran verticalement
Fit contents (Recommended) - La hauteur de l'entrée de texte change en fonction du contenu qu'elle contient
Relative size - La saisie de texte remplit le pourcentage spécifié de l'écran
Absolute size - Dimensionne le texte saisi en fonction d'un nombre déterminé de pixels

Width

Fill container - La saisie de texte remplit tout l'écran horizontalement
Fit contents - La largeur de l'entrée de texte change en fonction du contenu qu'elle contient
Relative size - La saisie de texte remplit le pourcentage spécifié de l'écran
Absolute - Dimensionne le texte saisi en fonction d'un nombre déterminé de pixels

Ajouter un espacement

Vous modifiez l'espacement et le positionnement du texte saisi à l'aide des propriétés Margin (Marge) et Padding (Remplissage).

Margin

Vous pouvez spécifier l'espace que vous souhaitez entre les bords du texte saisi et l'écran en utilisant des valeurs en pixels ou en pourcentage.

Padding

Vous pouvez spécifier l'espace que vous souhaitez entre la bordure et le contenu du texte saisi en utilisant des valeurs en pixels ou en pourcentage.

Événements

Click

Unfocus

Submit

Changes

Propriétés

Border Width

La valeur de la largeur de la bordure correspond à la taille de la bordure autour de la saisie de texte. Les modifications de la couleur et du style de la bordure doivent être effectuées dans le concepteur.

Computed Dimensions

Les blocs Computed Height et Computed Width renvoient les dimensions à l'écran de la saisie de texte, après qu'elle ait été rendue sur l'écran de l'appareil. La valeur renvoyée est un nombre entier, représentant la taille du composant, en pixels.

Height

Les blocs Set et Get Height (Hauteur) fonctionnent avec la propriété Height du composant Text Input. Les valeurs d'entrée acceptables sont :

Number of Pixels (Nombre de pixels)
Percentage Height (Pourcentage Hauteur)
"Fit Contents" (Contenu adapté)
"Fill Container" (Remplir le conteneur)

Hint

Les indications Set et Get fonctionnent avec l'invite qui s'affiche dans la zone de saisie de texte, avant que l'utilisateur ne commence à taper. Toute chaîne de texte ou tout nombre peut être utilisé comme indice.

Keyboard Type

La propriété Setand Getkeyboard type" vous permet de contrôler la version du clavier qui s'affiche à l'écran lorsque l'utilisateur commence à taper. Les valeurs acceptables sont :