Ajouter

Définir un « Focus Alpha » sur un TextArea Spark

L'exemple suivant va vous permettre de définir la valeur alpha du focus sur un TextArea provenant du package Spark de Flash Builder 4 ainsi que sa couleur : contentBackgroundAlpha – contentBakcgroundColor

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/10/focus-alpha-textarea-spark/ -->
<s:Application name="Spark_TextArea_focusAlpha_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:controlBarContent>
        <mx:Form contentBackgroundAlpha="0">
            <mx:FormItem label="contentBackgroundAlpha :">
                <s:HSlider id="slider"
                        minimum="0.0"
                        maximum="1.0"
                        value="0.8"
                        snapInterval="0.1"
                        stepSize="0.1"
                        change="txtArea.setFocus();" />
            </mx:FormItem>
            <mx:FormItem label="contentBackgroundColor :">
                <mx:ColorPicker id="colorPicker"
                        selectedColor="haloBlue"
                        change="callLater(txtArea.setFocus);" />
            </mx:FormItem>
        </mx:Form>
    </s:controlBarContent>
 
    <s:TextArea id="txtArea"
            focusAlpha="{slider.value}"
            focusColor="{colorPicker.selectedColor}"
            horizontalCenter="0" verticalCenter="0"
            creationComplete="txtArea.setFocus();"
            text="www.flash-builder-tutorial.fr"/>
 
</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 les fins de tabulation (Tab Stops) dans un composant Spark TextArea dans Flash Builder 4 / Flex Gumbo
2. Effet d'AutoScrolling sur un composant Spark TextArea
3. Définir le BackGroundResize d'un composant Spark Border dans Flex 4
4. Définir un Style sur une Tooltip à partir d'un Composant Spark – Flex 4
5. Configurer la couleur de la bordure d'un Container Spark Border
6. Définir le « Corner Radius » d'un composant « Border » Spark