Ajouter

Activer/Désactiver le click sur la zone transparente d'un composant Spark Graphic de Flash Builder 4 – Flex Gumbo

L'exemple suivant va vous montrer comment activer ou désactiver la possibilité de cliquer sur la zone transparente du tour d'un composant Spark Graphic (toggle whether transparent pixel) dans Flash Builder 4 Beta / Flex 4 Gumbo Beta :

Mise en avant : mouseEnabledWhereTransparent

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/27/toggle-whether-transparent-pixels-spark-graphic-flash-flex-builder-4/ -->
<s:Application name="Spark_Graphic_mouseEnabledWhereTransparent_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" viewSourceURL="srcview/index.html">
    <s:controlBarContent>
        <s:CheckBox id="chckBx"
                label="mouseEnabledWhereTransparent"
                selected="true" />
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
        ]]>
    </fx:Script>
 
    <s:Rect id="rect"
            width="200" height="200"
            horizontalCenter="0" verticalCenter="0">
        <s:stroke>
            <s:SolidColorStroke weight="0" />
        </s:stroke>
    </s:Rect>
 
    <s:Graphic id="gr"
            mouseEnabledWhereTransparent="{chckBx.selected}"
            click="Alert.show(event.type);"
            horizontalCenter="0" verticalCenter="0">
        <s:Ellipse id="ellipse"
                width="200" height="200">
            <s:fill>
                <s:SolidColor color="red" />
            </s:fill>
        </s:Ellipse>
    </s:Graphic>
 
</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. Définir le padding d'un composant Spark NavigatorContent dans Flash Builder 4 / Flex Gumbo
2. Définir le background color d'un composant Spark Application Control Bar dans Flash Builder 4 / Flex Gumbo
3. Hauteurs variables de ligne (variable row heights) dans un composant Spark VGroup de Flash Builder 4 / Flex Gumbo
4. Gestion de la visibilité de la bordure d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
5. Gestion du lissage (smoothing) sur l'image de fond (BackGround) d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
6. Afficher des images dans un composant Spark List en utilisant un item renderer (itemRenderer) personnalisé dans Flash Builder 4 / Flex Gumbo
7. Définir les fins de tabulation (Tab Stops) dans un composant Spark TextArea dans Flash Builder 4 / Flex Gumbo
8. Afficher des Images dans un composant Spark List
9. Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
10. Désactiver une application dans Flash Builder 4 Beta