SkinButton 1.0

Catégorie / Domaine : Interface
Compatibilité SCOL Voy@ger : V 3.5 et supérieure
Mise à jour : 10/2004

Fonction

Le module SkinButton fait apparaître un bouton sur l’interface cliente. Il peut être personnalisé grâce à l’utilisation d’une bitmap. Ce bouton sert à déclencher une action dans la scène 3D ou bien au niveau de l’interface.
Il peut être modifié dynamiquement lorsque le site est en ligne grâce au module Skin.

Configuration


Figure 1 : Interface du module SkinButton

(1) : Fichier de l’image => Indique le chemin d’emplacement de la bitmap utilisée pour le bouton ; cliquer sur … pour sélectionner un fichier qui devra obligatoirement se trouver dans la partition SCOL. Ce fichier au format bmp, jpg ou png peut avoir n’importe quelle taille mais sa forme de découpe doit être rigoureusement la même que celle du bouton.
Si aucune image n'est fournie ou que le nom de fichier n'est pas valide, le bouton est un texte sur fond blanc. Si c'est le fichier lui-même qui n'est pas valide, le bouton ne sera pas créé et la partie client du module sera détruite

(2) : Texte du bouton => Permet d’indiquer le texte qui sera visible sur le bouton

(3) : Taille de la police => Spécifie la taille de la police utilisée pour le texte du bouton

(4) : Couleur de la police => Spécifie la couleur du texte du bouton

(5) : Style de police => Spécifie le style (normal, gras, italique, souligné, barré)

(6) : L’image comporte un état ‘désactivé’ => L’image comporte une représentation différente du bouton pour l’état désactivé.

(7) : Texte de l’infobulle => Permet d’indiquer le texte qui est dans l’infobulle

(8) : Taille de la police => Spécifie la taille de la police utilisée pour le texte de l’infobulle

(9) : Couleur de la police => Spécifie la couleur du texte de l’infobulle

(10) : Style de la police => Spécifie le style (normal, gras, italique, souligné, barré) pour le texte de l’infobulle

(11) : Couleur de fond => Spécifie la couleur utilisée pour le fond du texte de l’infobulle

Mise en oeuvre

Ouvrez l'arbre de création du SCS. Sélectionnez le dossier Interf puis double-cliquez sur SkinButton 1.0.
Etablissez les liens nécessaires au projet.

Action Fonction
module.événement à skinButton.start Permet de démarrer le module et d’afficher le bouton dans l’interface graphique client
module.événement à skinButton.destroy Arrête le module GraphicButton chez le client
module.événement à skinButton.show Affiche le bouton sur le client
module.événement à skinButton.hide

Cache le bouton sur l’interface cliente

module.événement à skinButton.enable Active le bouton
module.événement à skinButton.disable

Désactive le bouton

skin.changed à skinButton.change Permet de changer le bitmap affichée d'après le skin choisi par le client.
module.événement à skinButton.click Permet de simuler le clic du bouton par un utilisateur.

Evénement Fonction
skinButton.click à module Action Engendre une action suite à un clic sur le bouton
skinButton.in à module Action La partie cliente du module est démarrée et prête à recevoir des événements
skinButton.out à module Action La sortie du module engendre une action
skinButton.entering à module Action La partie cliente du module va être démarrée et cela engendre une action
skinButton.shown à module Action

L’affichage du bouton engendre une action

skinButton.hidden à module Action

La disparition du bouton sur le client déclenche une action

skinButton.enabled à module Action L’activation de la bitmap sur le bouton engendre une action
skinButton.disabled à module Action La désactivation de la bitmap sur le bouton déclenche une action

Zone Fonction Interface Affectation
skinButton.button Affiche le bouton Client Oui