Discussion :

[zabdoul]

Bonjour à tous,

J'utilise Flex 4 et je souhaite avoir des boutons avec icon.
En flex 3, il était possible d'utiliser la balise <mx:Button> avec la propriété icon.
Malheureusement, je ne trouve pas d'équivalent en spark.

L'un de vous peut-il me faire part de son expérience.

Merci par avance.

[ellene]

Bonjour,

Il y a une grosse différence entre les composants graphiques que l'on connait et ceux de Spark. C'est une nouvelle approche qui nous ait proposé et pour un composant, on a donc :

• le composant normal qui contient toute la gestion du comportement d'un bouton par exemple,
• l'habillage (skinning) qui permet de personnaliser le rendu d'un composant.

Dans ton cas c'est la seconde partie qui t'intéresse, pour se faire tu devras définir un SkinButton pour définir l'apparence de ton bouton. Voici un exemple qui pourra peut être t'aider. Attention : celui ci est très complet car il prend en charge tous les effets mais tu n'es pas obligé de tous les implémenter.

++

Ellène

[zabdoul]

Bonjour,

Merci pour cette réponse mais le lien ne fonctionne pas.

Sincèrement.

[ellene]

Mea culpa, j'ai édité le lien pour le faire pointer sur le site officiel de Flex.
Mais pour synthétiser, il te faut définir un skin avec ton icône :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<s:BitmapImage source="@Embed('myIcon.jpg')"

Puis utiliser ce skin pour ton bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
   <s:Button id="iconButton"
        width="100"
        height="30"
        label="Mon bouton"
        skinClass="assets.ButtonSkinSpark"

En espérant que cela t'aidera à avancer,

Ellène

[zabdoul]

Merci pour cette réponse.
La solution que vous me proposez est celle que j'avais adopté.
Je souhaitais pouvoir définir lors de l'utilisation du bouton redéfinir l'image qui y figurera.
Pour cela, je pensais utiliser {hostcomponent.data} dans la parti skin et utiliser la propriété dans le bouton, mais cela ne fonctionne pas!!!

Sincèrement.

[ellene]

Si tu permet, on peux se tutoyer ?
Il faudrait que tu vérifies si le chemin que tu lui indiques est correct. Cela peux venir de là.

[zabdoul]

Bonjour,

J'ai bien vérifié les chemins, tout est correcte.
Je pense que c'est l'utilisation de {hostcomponent.data} que je ne fais pas correctement ou cette propriété n'est pas admise avec spark.

Merci encore pour tes réponses éclairées.