Images interrupteur
Acteur d’interaction qui permet d’afficher un interrupteur à deux états en affichant alternativement des images.
Sommaire
🔧 propriété · ℹ️ information · ⚙️ méthode · ⚡ évènement · 🔒 lecture seule
Propriétés
Actif?
this.properties.enabled · boolean · défaut true · modifie : Style CSS
Image pour faux
this.properties.imageFalse · string ou null · défaut null · modifie : Taille
Image pour faux.
Image pour vrai
this.properties.imageTrue · string ou null · défaut null · modifie : Taille
Image pour vrai. URL ou DataURI.
Texte pour faux
this.properties.textFalse · string · défaut 'Off' · modifie : Rendu
Texte pour faux.
Texte pour vrai
this.properties.textTrue · string · défaut 'On' · modifie : Rendu
Texte pour vrai.
Ces deux propriétés permettent de définir les textes qui s’affichent dans l’interrupteur correspondant à la valeur true et à la valeur false.
Valeur
this.properties.value · boolean · défaut false
Valeur courante.
Cette propriété permet de faire basculer l’interrupteur.
Événements
Les évènements communs à tous les acteurs sont décrits avec l’acteur de base.
onSwitched
Se produit lorsque l’interrupteur est commuté.
context : contexte d’évènement
L’évènement onSwitched est déclenché lorsque l’acteur est basculé.
Hérite de
Outre ce qui est décrit ici, l’acteur a tout ce que décrit l’acteur de base : propriétés communes (taille, disposition, aspect, texte, bordures, effets…), évènements communs (cycle de vie, souris, clavier…) et membres accessibles par script.
Il hérite aussi de :
- InputBase : Base pour les acteurs de saisie.
Astuces
Cet acteur peut être très utile pour afficher un indicateur avec une image pour chaque état. Il suffit de bien choisir les deux images à afficher, désactiver l’acteur pour éviter qu’un clic de souris le fasse basculer.
