Ajouter

Créer un linear gradient backGround dans un composant Spark Border dans Flash Builder 4

Posté le 23 septembre 2009 à 11:37 | Tags: , , , ,

Voici un exemple montrant comment créer un dégradé linéaire de fond dans un composant Spark Border dans Flash Builder 4 Beta / Flex 4 Gumbo Beta :

Mise en avant : s:backgroundFill – s:LinearGradient – s:GradientEntry

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/23/creer-un-linear-gradient-background-dans-composant-spark-border-dans-flash-builder-4/ -->
<s:Application name="Spark_Border_backgroundFill_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">
 
    <s:Border id="brdr"
            width="90%" height="90%"
            horizontalCenter="0" verticalCenter="0">
        <s:backgroundFill>
            <s:LinearGradient rotation="45">
                <s:GradientEntry color="red" />
                <s:GradientEntry color="haloOrange" />
                <s:GradientEntry color="yellow" />
                <s:GradientEntry color="haloGreen" />
                <s:GradientEntry color="haloBlue" />
            </s:LinearGradient>
        </s:backgroundFill>
    </s:Border>
 
</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 le background color d'un composant Spark Application Control Bar dans Flash Builder 4 / Flex Gumbo
  2. Gestion de la visibilité de la bordure d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
  3. Gestion du lissage (smoothing) sur l'image de fond (BackGround) d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
  4. Afficher des Images dans un composant Spark List
  5. Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
  6. Créer un Editeur de Texte dans Flash Builder 4 Beta
  7. Définir le BackGroundResize d'un composant Spark Border dans Flex 4
  8. Supprimer le « border » d'un « Tree Control » Halo dans Flex 4
  9. Configurer la couleur de la bordure d'un Container Spark Border
  10. Définir le « Corner Radius » d'un composant « Border » 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....