Ajouter

Supprimer le « border » d'un « Tree Control » Halo dans Flex 4

L'exemple suivant vous montre comment supprimer ou modifier le bord d'un composant Tree Control Halo (avec le skin par défaut Spark) dans Adobe Flash Builder 4 en définissant le style borderSkin .

Propriété Css mise en avant : borderSkin

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

 MXML | 
 Copier le code
 
<?xml version="1.0"?>
<!-- http://www.flash-builder-tutorial.fr/2009/09/12/supprimer-le-border-dun-tree-control-halo-dans-flex-4 -->
<s:Application name="Halo_Tree_borderSkin_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">
 
    <mx:Tree id="tree1"
            labelField="@label"
            showRoot="true"
            borderSkin="{null}"
            width="300"
            horizontalCenter="0" verticalCenter="0">
        <mx:XMLListCollection id="MailBox">
            <fx:XMLList>
                <folder label="Mail">
                    <folder label="Boite de réception"/>
                    <folder label="Flash-builder-tutorial.fr">
                        <Pfolder label="Business" />
                        <Pfolder label="Demo" />
                        <Pfolder label="Perso" isBranch="true" />
                        <Pfolder label="Emails Sauvegardés" />
                    </folder>
                    <folder label="Sent" />
                    <folder label="Trash" />
                </folder>
            </fx:XMLList>
        </mx:XMLListCollection>
    </mx:Tree>
 
</s:Application>

Rendu final (nécessite Flash Player 10) :

Télécharger la source de l'exemple

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

1. Gestion de la visibilité de la bordure d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
2. Gestion du lissage (smoothing) sur l'image de fond (BackGround) d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
3. Définir la couleur de base des scrollbars d'un Halo DataGrid control dans Flash Builder 4 / Flex Gumbo
4. Styler le Bouton présent (Emphasized Button) dans un Halo Alert Control dans Flex 4
5. Supprimer le Separator Skin d'un Halo DataGrid control dans Flex 4
6. Créer un linear gradient backGround dans un composant Spark Border dans Flash Builder 4
7. Test des couleurs de remplissage (fillColors) d'un composant Halo Button
8. Définir le BackGroundResize d'un composant Spark Border dans Flex 4
9. Définir le « Corner Radius » d'un composant « Border » Spark
10. Composants Spark et Halo – Flash Builder 4