Appliquer un fond transparent à un bouton avec Gumbo

Sur Flex 3 il suffisait de rajouter skin: ClassReference(null); dans le css du bouton. Avec gumbo, cela ne marche pas. Il faut créer un nouvel habillage pour le bouton (l'appeler par exemple skinTransparent) puis supprimer  tout sauf ce qui concerne le label.
Dans l'habillage du bouton (skinclass), on affichera ce skin (ici skinTransparent).

Dans la feuille de style ont aurait quelque chose du genre :

s|Button. {
    skinClass: ClassReference("skinTransparent");
}

Remplacer le curseur par une main au survol d'un composant

Manipulation très simple et accessible par le panneau des propriétés du composant.
Pour un bouton, il faut mettre le buttonMode et useHandCursor sur true. Pour un autre composant, il faudra rajouter mouseChildren="false".

<mx:Button buttonMode="true" useHandCursor="true"/>
<mx:Label  buttonMode="true" useHandCursor="true" mouseChildren="false"/>

Appliquer un fond transparent à un bouton

ou plus 'simplement', supprimer le skin par défault.

Dans la feuille de style

.myButtonStyle {
  skin: ClassReference(null);
}

Directement sur le bouton

  <mx:button skin="{null}">


Atteindre le currentState Parent d'un composant

Prenons un projet nommé Siteweb contenant un fichier principal (main.mxml) qui contiendrait plusieurs états (accueil, formulaire...).
Sur le state "accueil", pour atteindre le state "formulaire", il suffit de mettre un bouton et de lui indiquer au clic d'aller sur le formulaire.

<mx:Button  click="currentState='formulaire'"/>

Maintenant, si le contenu du state "formulaire" était un composant nommé "formulaire.mxml" et qu'il contenait un bouton pour revenir vers le state "accueil", mettre juste currentState='accueil' ne suffirait pas.
Voici donc ce que j'ai trouvé pour y arriver (il y a surement d'autres manières d'y parvenir mais personne ne me les a communiquées ;-))
Je vais créer une fonction qui "reconnaitra" le root du projet :

<mx:Script>
  <![CDATA[
      import mx.core.Application;
      public var destination:String;
      public function goCurrentState(destination:String):void
      {
      Application.application.currentState=destination;
      }
  ]]>
</mx:Script>

- La variable destination nous servira à renseigner le nom du state vers lequel nous voulons aller.
- goCurrentState est la fonction que j'appellerai pour me rediriger vers le bon state.
- Application.application. me sert à "retrouver" le root du projet.

Maintenant,  il me suffit de l'appeler sur le clic du bouton en remplaçant ma variable destination parle nom du state voulu.

<mx:Button  click="goCurrentState('accueil')"/>

Créer un lien vers une page externe

En html, rien de plus simple pour acceder à une autre page, qu'elle soit sur le même site ou un site différent.
Avec Flex, c'est à peu près similaire, on conserve les attributs _blank ou _self qui permette d'ouvrir une nouvelle fenêtre ou de remplacer la fenêtre d'appel :
L'appel à la nouvelle page est déclenché par un évènement, ici le clic sur un bouton,

<mx:Button

label="accès au site"
click="navigateToURL(new URLRequest('http://www.monsite.com'), '_blank')"/>

On peut accéder à des fonctions javascript de la même façon, par exemple pour recharger la page d'appel :

navigateToURL(new URLRequest('javascript:location.reload()'), '_self')