Flex - Contrôle TextArea

introduction

Le contrôle TextArea est un contrôle de saisie de texte qui permet aux utilisateurs d'entrer et de modifier plusieurs lignes de texte formaté.

Déclaration de classe

Voici la déclaration pour spark.components.TextArea classe -

public class TextArea 
   extends SkinnableTextBase

Propriétés publiques

Sr.Non	Propriétés et description
1	content : Object Cette propriété est destinée à être utilisée dans MXML au moment de la compilation; pour obtenir ou définir du contenu de texte enrichi au moment de l'exécution, utilisez plutôt la propriété textFlow.
2	heightInLines : Number La hauteur par défaut du contrôle, mesurée en lignes.
3	textFlow : flashx.textLayout.elements:TextFlow TextFlow représentant le texte enrichi affiché par ce composant.
4	widthInChars : Number La largeur par défaut du contrôle, mesurée en unités em.

Méthodes publiques

Sr.Non	Méthode et description
1	TextArea() Constructeur.
2	getFormatOfRange (requestedFormats:Vector.<String> = null, anchorPosition:int = -1, activePosition:int = 1):flashx.textLayout.formats:TextLayoutFormat Renvoie un objet TextLayoutFormat spécifiant les formats calculés pour la plage de caractères spécifiée.
3	scrollToRange(anchorPosition:int = 0, activePosition:int):void Fait défiler pour que la plage de texte soit visible dans le conteneur.
4	setFormatOfRange (format:flashx.textLayout.formats:TextLayout Format, anchorPosition:int = -1, activePosition:int = -1):void Applique les formats spécifiés à chaque élément de la plage spécifiée qui correspondent au format donné.

Méthodes héritées

Cette classe hérite des méthodes des classes suivantes -

spark.components.supportClasses.SkinnableTextBase
spark.components.supportClasses.SkinnableComponent
mx.core.UIComponent
mx.core.FlexSprite
flash.display.Sprite
flash.display.DisplayObjectContainer
flash.display.InteractiveObject
flash.display.DisplayObject
flash.events.EventDispatcher
Object

Exemple de contrôle Flex TextArea

Suivons les étapes suivantes pour vérifier l'utilisation du contrôle TextArea dans une application Flex en créant une application de test -

Étape	La description
1	Créez un projet avec un nom HelloWorld sous un package com.tutorialspoint.client comme expliqué dans le chapitre Flex - Créer une application .
2	Modifiez HelloWorld.mxml comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3	Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.

Voici le contenu du fichier mxml modifié src/com.tutorialspoint/HelloWorld.mxml.

<?xml version = "1.0" encoding = "utf-8"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009"
   xmlns:s = "library://ns.adobe.com/flex/spark"
   xmlns:mx = "library://ns.adobe.com/flex/mx"
   width = "100%" height = "100%" minWidth = "500" minHeight = "500">
   
   <fx:Style source = "/com/tutorialspoint/client/Style.css" />   
   <s:BorderContainer width = "550" height = "400" id = "mainContainer" 
      styleName = "container">
      
      <s:VGroup width = "100%" height = "100%" gap = "50" 
         horizontalAlign = "center" verticalAlign = "middle">
         <s:Label id = "lblHeader" text = "Form Controls Demonstration" 
            fontSize = "40" color = "0x777777" styleName = "heading" />
         
         <s:Panel id = "textAreaPanel" title = "Using TextArea"
            width = "420" height = "200">
            <s:layout>
               <s:VerticalLayout  gap = "10" verticalAlign = "middle" 
                  horizontalAlign = "center" />	
            </s:layout>
            
            <s:TextArea width = "400" height = "100">
               <s:content>
                  This is <s:span color = "#FF0000">HTML text</s:span>
                  in an <s:span fontWeight = "bold">TextArea control</s:span>.
                  <s:span textDecoration = "underline">content</s:span> property
                  of the <s:span color = "#008800">TextArea control</s:span> 
                  can be used to include basic HTML markup in including
                  <s:a href = "http://www.tutorialspoint.com" 
                  target = "_blank">links</s:a>.
               </s:content>
            </s:TextArea>
         </s:Panel>
      </s:VGroup>	 
   </s:BorderContainer>	
</s:Application>

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application en mode normal comme nous l'avons fait dans le chapitre Flex - Créer une application . Si tout va bien avec votre application, elle produira le résultat suivant: [ Essayez-le en ligne ]

↰ Previous page