Le composant Clavier virtuel

Affichez un clavier virtuel sur un écran tactile.

Le clavier virtuel permet de simuler un clavier physique sur un écran d'ordinateur ou un appareil mobile. Il offre la possibilité à l'utilisateur de saisir du texte sans utiliser un clavier physique. Il est surtout utile lorsque le clavier physique est inaccessible comme sur une borne ou un totem tactile. 

Afficher le clavier virtuel

Pour afficher le clavier virtuel, cliquez sur Composants et sélectionnez le Clavier Virtuel.

Double-cliquez sur le composant pour afficher le clavier dans votre interface. 

Vous avez le choix entre plusieurs types de clavier virtuel. Dans les propriétés, choisissez le clavier de votre choix :  Mobile, iPad, Numérique ou celui d'une langue (Français, Arabe, Birman etc.).

Vous pouvez choisir entre le mode light (clair) ou dark (sombre). 

Si vous souhaitez créer un effet d'apparition du clavier, utilisez les états pour créer une transition.

Afficher du texte avec le clavier virtuel

Pour la saisie de texte, vous pouvez utiliser le composant Saisie de texte ou un simple bloc de texte. Tout dépend de votre UI. 

L'utilisateur tape simplement sur les touches du clavier virtuel. 

Via le composant Saisie de texte

Insérez un composant Saisie de texte. Pour afficher le texte du clavier virtuel dans ce composant, sélectionnez le clavier virtuel et ajoutez une nouvelle action. 

Choisissez l'événement Validé et l'action Agir sur un composant > Saisie de texte > Définir le texte. Ajoutez un data binding Depuis l'événement > Valeur de saisie.

Le texte apparaît dans le champ, une fois qu'il est validé sur le clavier.

Via un bloc de texte

Insérez un bloc de texte. 

Ajoutez un data binding : Depuis un composant > Clavier virtuel > Valeur de saisie.

Le texte se met à jour automatiquement en fonction de la saisie de l'utilisateur. 

Effacer la saisie

Pour effacer le texte saisi de manière automatique, sélectionnez l'événement déclencheur (par exemple un bouton, l'affichage d'un écran) et l'action Agir sur un composant. Sélectionnez le composant Clavier virtuel et l'action Effacer la saisie.