Adobe Flex La transparence ne fonctionne pas Icône de bouton

Question

Je suis assez inexpérimenté avec Flex, mais mon googling n'a rien trouvé pour suggérer que c'est une question évidente.

J'ai un mx: Button avec une icône qui est un fichier png avec un fond transparent, comme ci-dessous, mais la transparence ne fonctionne pas, et l'icône est peinte avec un fond blanc.

<mx:Button label="Button" icon="@Embed(source='images/clearTracks.png')"/> 

J'ai vu comment utiliser un ByteArrayImage pour obtenir une transparence de travail sur une image, mais cette technique ne semble pas disponible pour la propriété de l'icône d'un bouton.

Answer 1

Il existe un bogue existant dans Jira d'Adobe pour ce problème: http://bugs.adobe.com/jira/browse/SDK-8877.

Flex prend en charge la transparence PNG, mais d'après ce que j'ai lu, il décode certains png incorrectement lors de leur incorporation, provoquant le problème d'arrière-plan étrange que vous voyez. Pouvez-vous essayer de créer le graphique à partir de photoshop?

Answer 2

Utilisez les styles skin et overSkin plutôt que la propriété d'icône. C'est travailler avec des images transparentes pour moi.