Ajouter

Gestion du « drop shadow » sur un Panel Spark – Flash Builder 4

L'exemple suivant va vous montrer comment gérer un effet « drop shadow » sur un Panel Spark en définissant un Boolean : dropShadowVisible

Attention : vous devez impérativement disposer du SDK 4.0.0.10007 ou supérieur, sinon vous risquez d'avoir des soucis de composants, exemple : <s:controlBarContent> non présent dans les versions précédentes.

 MXML | 
 Copier le code
 
<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.flash-builder-tutorial.com/2009/09/09/gestion-du-drop-shadow-sur-un-panel-spark-flash-builder-4 -->
<s:Application name="Spark_Panel_dropShadowVisible_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"
        backgroundColor="haloSilver" viewSourceURL="srcview/index.html">
    <s:controlBarContent>
        <s:CheckBox id="checkBox"
                label="Ombre Visible"
                selected="true" />
    </s:controlBarContent>
    <s:Panel id="pnl"
            title="Titre du Panel Spark"
            dropShadowVisible="{checkBox.selected}"
            width="300" height="200"
            horizontalCenter="0" verticalCenter="0">
        <s:Scroller width="100%" height="100%">
            <s:Group>
                <s:Label id="lbl"
                        width="100%"
                        textAlign="justify"
                        paddingLeft="5" paddingRight="5"
                        paddingTop="5" paddingBottom="5">
                    <s:text>www.flashbuildertutorial.com</s:text>
                </s:Label>
            </s:Group>
        </s:Scroller>
    </s:Panel>
</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. Repositionner une « control bar » dans un container Spark Panel 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