Ajouter

Définir les fins de tabulation (Tab Stops) dans un composant Spark TextArea dans Flash Builder 4 / Flex Gumbo

L'exemple suivant va vous montrer comment définir les fins de tabulation (Tab Stops)  dans un composant Spark TextArea dans Flash Builder 4 Beta / Flex 4 Gumbo.

Mise en avant : tabStops

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/29/definir-les-tab-stops-dans-un-composant-spark-textarea-dans-flash-builder-4-flex-gumbo/ -->
<s:Application name="Spark_TextArea_tabStops_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:VGroup horizontalCenter="0" verticalCenter="0">
        <s:Label text="Défini dans le TextArea:" />
        <s:TextArea tabStops="100 200 300" width="400" heightInLines="3">
            <s:p>0<s:tab/>100<s:tab/>200<s:tab/>300</s:p>
        </s:TextArea>
 
        <s:Label text="Défini dans le ParagraphElement:" height="50" verticalAlign="bottom" />
        <s:TextArea width="400" heightInLines="3">
            <s:p tabStops="100 200 300">0<s:tab/>100<s:tab/>200<s:tab/>300</s:p>
        </s:TextArea>
 
        <s:Label text="Défini dans le TextFlow:" height="50" verticalAlign="bottom" />
        <s:TextArea width="400" heightInLines="3">
            <s:textFlow>
                <s:TextFlow tabStops="100 200 300">
                    <s:p>0<s:tab/>100<s:tab/>200<s:tab/>300</s:p>
                </s:TextFlow>
            </s:textFlow>
        </s:TextArea>
    </s:VGroup>
 
</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. Afficher du texte HTML formaté dans un composant Spark RichText dans Flash Builder 4 / Flex Gumbo
3. Définir le background color d'un composant Spark Application Control Bar dans Flash Builder 4 / Flex Gumbo
4. Activation de la Tabulation dans un composant Spark Scroller
5. Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
6. Effet d'AutoScrolling sur un composant Spark TextArea
7. Définir le BackGroundResize d'un composant Spark Border dans Flex 4
8. Définir le « Corner Radius » d'un composant « Border » Spark
9. Définir un « Focus Alpha » sur un TextArea Spark
10. Créer un lien hypertexte (LinkElement) dans un composant Spark RichEditableText