Ajouter

Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo

Posté le 21 septembre 2009 à 1:37 | Tags: , , ,

Dans Adobe Flash Builder 4, il est possible de créer facilement un effet d'animation de couleur sur un bouton Spark Button à l'aide de l'effet Spark AnimateColor :

Mise en avant : colorFrom – colorTo – AnimateColor

Attention : vous devez impérativement disposer du SDK 4.0.0.10007 ou supérieur.

 MXML |  Copier le code 
<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.flash-builder-tutorial.fr/2009/09/21/creer-une-animation-de-couleur-sur-un-composant-spark-button-flex-4-gumbo/ -->
<s:Application name="Spark_Button_AnimateColor_baseColor_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">
 
    <fx:Declarations>
        <s:AnimateColor id="animatr"
                target="{btn}"
                colorFrom="haloSilver"
                colorTo="haloBlue"
                colorPropertyName="baseColor"
                duration="400"
                repeatCount="0" 
                repeatBehavior="reverse" />
    </fx:Declarations>
 
    <s:Button id="btn"
            label="Spark Button"
            horizontalCenter="0" verticalCenter="0"
            creationComplete="animatr.play();"/>
 
</s:Application>

Rendu final (nécessite Flash Player 10) :

This movie requires Flash Player 10

Télécharger la source de l'exemple


Autre(s) source(s) proche(s) de ce sujet :

  1. Définir la couleur de base des scrollbars d'un Halo DataGrid control dans Flash Builder 4 / Flex Gumbo
  2. Styler le Bouton présent (Emphasized Button) dans un Halo Alert Control dans Flex 4
  3. Créer un linear gradient backGround dans un composant Spark Border dans Flash Builder 4
  4. Test des couleurs de remplissage (fillColors) d'un composant Halo Button
  5. Créer un Editeur de Texte dans Flash Builder 4 Beta
  6. Ajouter un Style CSS aux différents états d'un composant Spark Button
  7. Accéder à un Bouton Spécifique dans un composant Spark ButtonBar
  8. Définir un Style sur une Tooltip à partir d'un Composant Spark – Flex 4
  9. Configurer la couleur de la bordure d'un Container Spark Border
  10. Effets d'animation de propriétés d'un composant Spark

Pas encore de commentaire.

Répondre

Avis / Question ... n'hésitez pas

* Required

Posts récents Posts aléatoires Last comments

  • zahhari A dit :

    Bonsoir, Je veuw savoir comment je peux intégrer une video (sur mon Pc) en clicant sur le marker ...

  • bengbenz A dit :

    J'ai trouvé !!! voilà, une solution ! comme l'erreur l'indique, si je ne me trompe pas le composa...

  • bengbenz A dit :

    Même que mes prédécesseurs ! De l'aide, s'il vous plait ! Quelqu'un a la solution ?...

  • chtioui hamza A dit :

    j'ai besoin d'aide please est ce que quelqu'un a trouvé la solution?????...

  • chtioui hamza A dit :

    meme probleme que les autres, pleaaaaaaaaaase aidez noussssssssssssss :(...

  • seznamkcsaino A dit :

    krasnych kosil, pul druheho tuctu bilych platenych kapesniku a nekolik barevnych satku na ...

  • seznamkcsaino A dit :

    odpovednosti. Z tohoto stanoviska porota je vynalez, jak presunouti ...

  • Techauto A dit :

    Même problème! Quelqu'un aurais trouvé une solution? Merci d'avance pour votre aide Salut...

  • bouchra A dit :

    merci...

  • whowKnivoto A dit :

    Majs tam kvmtinбиe s ummlэmi kvmtinami. [url=http://lalbero....