MaskedNumberField

Le MaskedNumberField est un champ de saisie de texte conçu pour une saisie numérique structurée. Il garantit que les chiffres sont formatés de manière cohérente en fonction d'un masque défini, ce qui le rend particulièrement utile pour les formulaires financiers, les champs de prix, ou toute saisie où la précision et la lisibilité sont importantes.

Ce composant prend en charge le formatage des nombres, la localisation des caractères décimaux et de regroupement, et des contraintes de valeur optionnelles comme des minimums ou des maximums.

Basics

Le MaskedNumberField peut être instancié avec ou sans paramètres. Il prend en charge la définition d'une valeur initiale, d'une étiquette, d'un texte d'indication, et d'un écouteur d'événements pour réagir aux changements de valeur.

Cette démo présente un Calculateur de Pourboires qui utilise le MaskedNumberField pour une saisie numérique intuitive. Un champ est configuré pour accepter un montant de facture formaté, tandis que l'autre capture un pourcentage de pourboire entier. Les deux champs appliquent des masques numériques pour garantir un formatage cohérent et prévisible.

Afficher le code

Java

Mask rules

Le MaskedNumberField utilise une chaîne de masque pour contrôler comment la saisie numérique est formatée et affichée. Chaque caractère du masque définit un comportement spécifique de formatage, permettant un contrôle précis sur l'apparence des nombres.

Mask characters

Caractère	Description
`0`	Remplacé toujours par un chiffre (0–9).
`#`	Supprime les zéros non significatifs. Remplacé par le caractère de remplissage à gauche du point décimal. Pour les chiffres finaux, remplacé par un espace ou un zéro. Sinon, remplacé par un chiffre.
`,`	Utilisé comme un séparateur de regroupement (par exemple, pour les milliers). Remplacé par le caractère de remplissage si aucun chiffre ne le précède. Sinon, affiché comme une virgule.
`-`	Affiche un signe moins (`-`) si le nombre est négatif. Remplacé par le caractère de remplissage s'il est positif.
`+`	Affiche `+` pour les nombres positifs ou `-` pour les nombres négatifs.
`$`	Résulte toujours en un signe dollar.
`(`	Insère une parenthèse gauche `(` pour les valeurs négatives. Remplacé par le caractère de remplissage s'il est positif.
`)`	Insère une parenthèse droite `)` pour les valeurs négatives. Remplacé par le caractère de remplissage s'il est positif.
`CR`	Affiche `CR` pour les nombres négatifs. Affiche deux espaces si le nombre est positif.
`DR`	Affiche `CR` pour les nombres négatifs. Affiche `DR` pour les nombres positifs.
`*`	Insère un astérisque `*`.
`.`	Marque le point décimal. Si aucun chiffre n'apparaît dans la sortie, remplacé par le caractère de remplissage. Après le décimal, les caractères de remplissage sont traités comme des espaces.
`B`	Devient toujours un espace. Tout autre caractère littéral est affiché tel quel.

Certains des caractères ci-dessus peuvent apparaître plus d'une fois dans le masque pour le formatage. Ceux-ci incluent -, +, $, et (. Si l'un de ces caractères est présent dans le masque, le premier rencontré sera déplacé à la dernière position où un # ou un , a été remplacé par le caractère de remplissage. Si aucune position de ce type n'existe, le caractère double reste là où il est.

Pas d'arrondi automatique

Un masque dans un champ ne fait PAS d'arrondi. Par exemple, lorsque vous placez une valeur telle que 12.34567 dans un champ masqué avec ###0.00, vous obtiendrez 12.34.

Group and decimal separators

Le MaskedNumberField prend en charge la personnalisation des caractères de regroupement et décimaux, ce qui facilite l'adaptation du formatage des nombres aux différentes locales ou conventions commerciales.

Le séparateur de regroupement est utilisé pour séparer visuellement les milliers (par exemple, 1,000,000).
Le séparateur décimal indique la partie fractionnaire d'un nombre (par exemple, 123.45).

Ceci est utile dans les applications internationales où différentes régions utilisent différents caractères (par exemple, . contre ,).

field.setGroupCharacter(".");   // par exemple 1.000.000
field.setDecimalCharacter(","); // par exemple 123,45

Comportement par défaut

Par défaut, le MaskedNumberField applique des séparateurs de groupe et décimaux en fonction de la locale actuelle de l'application. Vous pouvez les remplacer à tout moment en utilisant les mutateurs fournis.

Negateable

Le MaskedNumberField prend en charge une option pour contrôler si les nombres négatifs sont autorisés.

Par défaut, les valeurs négatives comme -123.45 sont autorisées. Pour empêcher cela, utilisez setNegateable(false) pour restreindre l'entrée aux valeurs positives uniquement.

Ceci est utile dans des scénarios commerciaux où des valeurs comme des quantités, des totaux, ou des pourcentages doivent toujours être non négatifs.

field.setNegateable(false);

Lorsque negatable est défini sur false, le champ bloque toute tentative d'entrer un signe moins ou d'entrer d'autres valeurs négatives.

Afficher le code

Java

Min and max values

Le MaskedNumberField prend en charge la définition de limites numériques à l'aide de setMin() et setMax(). Ces contraintes aident à garantir que l'entrée de l'utilisateur reste dans une plage valide et attendue.

Valeur minimale
Utilisez setMin() pour définir le nombre le plus bas acceptable :
```
field.setMin(10.0); // Valeur minimale : 10
```
Si l'utilisateur entre un nombre en dessous de ce seuil, il sera considéré comme invalide.
Valeur maximale
Utilisez setMax() pour définir le nombre le plus élevé acceptable :
```
field.setMax(100.0); // Valeur maximale : 100
```
Les valeurs supérieures à cette limite seront signalées comme invalides.

Restoring the value

Le MaskedNumberField prend en charge une fonctionnalité de restauration qui réinitialise la valeur du champ à un état prédéfini. Cela peut être utile lorsque les utilisateurs doivent annuler des modifications, revenir sur des modifications accidentelles, ou revenir à une valeur par défaut connue.

Pour activer ce comportement, définissez la valeur cible à l'aide de setRestoreValue(). Au besoin, le champ peut être réinitialisé par programmation à l'aide de restoreValue().

numberField.setRestoreValue(1500.00);
numberField.restoreValue();

Ways to restore the value

Par programmation en utilisant restoreValue()
Via le clavier, en appuyant sur ESC (c'est la touche de restauration par défaut à moins qu'elle ne soit remplacée)

La valeur de restauration doit être explicitement définie. Si elle n'est pas définie, la fonctionnalité ne restaurera pas le champ.

Afficher le code

Java