MACROMEDIA FLEX-FLEX ACTIONSCRIPT LANGUAGE Manuel d'utilisateur Page 1

Adobe Flex Tutorial

TUTORIALS POINT Simply Easy Learning Page 5 Flash Builder can be started by executing the following commands on Unix (Solaris, Linux, etc.) machine:

TUTORIALS POINT Simply Easy Learning Page 95

TUTORIALS POINT Simply Easy Learning Page 96 Flex – Flex Unit Integration This chapter shows FlexUnit Integration in Flex Development Cycle:. Flash

TUTORIALS POINT Simply Easy Learning Page 97 Flash Builder will create the following TestClass1.as file. package com.tutorialspoint.client { p

TUTORIALS POINT Simply Easy Learning Page 98 FlexUnit Integration Example Now Let us follow the following steps to test FlexUnit Integration in a Fl

TUTORIALS POINT Simply Easy Learning Page 99 } } Following is the content of the modified mxml file src/com.tutorialspoint/HelloWorld.mxml. <

TUTORIALS POINT Simply Easy Learning Page 100

TUTORIALS POINT Simply Easy Learning Page 101 Flex – Debug Application This chapter describes the debugiing application of Adobe Flex:. Flex prov

TUTORIALS POINT Simply Easy Learning Page 102 3 Compile and run the application to make sure business logic is working as per the requirements. Fol

TUTORIALS POINT Simply Easy Learning Page 103 Step 2 - Debug Application Now click on Debug application menu and select HelloWorld application to

TUTORIALS POINT Simply Easy Learning Page 104 If everything is fine, application will launch in the browser and you will see following debug l

TUTORIALS POINT Simply Easy Learning Page 6 %CATALINA_HOME%\bin\startup.bat or C:\apache-tomcat-6.0.33\bin\startup.bat Tomcat can be started by e

TUTORIALS POINT Simply Easy Learning Page 105 You can see the stacktrace for suspended threads.

TUTORIALS POINT Simply Easy Learning Page 106

TUTORIALS POINT Simply Easy Learning Page 107 You can see the values for expressions.

TUTORIALS POINT Simply Easy Learning Page 108 You can see the list of breakpoints placed. Now keep pressing F6 until you reach the last li

TUTORIALS POINT Simply Easy Learning Page 109 Now you can see the flex code can be debugged in the same way as a Java Application can be debugged.

TUTORIALS POINT Simply Easy Learning Page 110 Flex - Internationalization This chapter describes internalization of Flex aapplication: Flex provi

TUTORIALS POINT Simply Easy Learning Page 111 Create properties file containing the messages to be used in the application. We've

TUTORIALS POINT Simply Easy Learning Page 112 2 Modify HelloWorld.mxml as explained below. Keep rest of the files unchanged. 3 Compile and run the a

TUTORIALS POINT Simply Easy Learning Page 113 </s:Panel> <mx:ComboBox id="localeComboBox" dataProvide

TUTORIALS POINT Simply Easy Learning Page 114

TUTORIALS POINT Simply Easy Learning Page 7 or /usr/local/apache-tomcat-5.5.29/bin/shutdown.sh

TUTORIALS POINT Simply Easy Learning Page 115 Flex – Printing Support Flex provides a special class FlexPrintJob to print flex objects.  FlexPrint

TUTORIALS POINT Simply Easy Learning Page 116 printJob.send(); Printing Example Step Description 1 Create a project with a name HelloWorld under a

TUTORIALS POINT Simply Easy Learning Page 117 horizontalAlign="center" verticalAlign="middle"> &l

TUTORIALS POINT Simply Easy Learning Page 118 Click on print me button and you can see the printout of the data grid shown below.

TUTORIALS POINT Simply Easy Learning Page 119

TUTORIALS POINT Simply Easy Learning Page 8 Flex - Applications This chapter describes the applications under Adobe Flex: Bfore we start with c

TUTORIALS POINT Simply Easy Learning Page 9  Compiles a HelloWorld.html (a wrapper file for swf file) from a file index.template.html

TUTORIALS POINT Simply Easy Learning Page 10 2 textlayout.swc This library supports the text layout related features. 3 framework.swc This is the fl

TUTORIALS POINT Simply Easy Learning Page 11 Public resources These are helper files referenced by Flex application, such as Host HTML page, CSS o

TUTORIALS POINT Simply Easy Learning Page 12 Following Table gives the description of all the tags used in the above code script. S.N. Node & De

TUTORIALS POINT Simply Easy Learning Page 13 Flex – Create Application This chapter shows how to create application under Adobe Flex. We'll us

TUTORIALS POINT Simply Easy Learning Page 14 Select Application Type Web (runs in Adobe Flash Player) if not selected and leave other default values

i ADOBE FLEX TUTORIAL Simply Easy Learning by tutorialspoint.com tutorialspoint.com

TUTORIALS POINT Simply Easy Learning Page 15 Folder Location src  Source code (mxml / as classes) files.  We've created com/tutorials

TUTORIALS POINT Simply Easy Learning Page 16 Step 2 - Create external CSS file Create a CSS file styles.css for Wrapper HTML page in html-template

TUTORIALS POINT Simply Easy Learning Page 17 <head> <title>${title}</title> <meta name="google" value="notransla

TUTORIALS POINT Simply Easy Learning Page 18 <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width

TUTORIALS POINT Simply Easy Learning Page 19 +pageHost +"www.adobe.com/images/shared/download_buttons/get_flash_player.gif&a

TUTORIALS POINT Simply Easy Learning Page 20 <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.FlexEv

TUTORIALS POINT Simply Easy Learning Page 21 Because you are running your application in flash player, so you will need to install Flash Player pl

TUTORIALS POINT Simply Easy Learning Page 22 Flex – Deploy Application This chapter shows the deployment of application: This tutorial will explai

TUTORIALS POINT Simply Easy Learning Page 23 . Select project as HelloWorld using the wizard window as follows

TUTORIALS POINT Simply Easy Learning Page 24 Leave other default values as such and click Finish Button. Now Flash Builder will creat

ii ABOUT THE TUTORIAL Adobe Flex Tutorial Flex is a powerful, open source application framework that allows you to easily build mobile applications

TUTORIALS POINT Simply Easy Learning Page 25 <fx:Style source="/com/tutorialspoint/client/Style.css"/> <fx:Script>

TUTORIALS POINT Simply Easy Learning Page 26 Create WAR File Now our applictaion is working fine and we are ready to export it as a war file. Follow

TUTORIALS POINT Simply Easy Learning Page 27 Flex – Life Cycle Phases This chapter shows the phases under Life Cycle of Flex application:. Life Cyc

TUTORIALS POINT Simply Easy Learning Page 28 1 preInitialize: mx.core.UIComponent.preinitialize Event Type: mx.events.FlexEvent.PREINITIALIZE This

TUTORIALS POINT Simply Easy Learning Page 29 1 Create a project with a name HelloWorld under a package com.tutorialspoint.client as explained in the

TUTORIALS POINT Simply Easy Learning Page 30

TUTORIALS POINT Simply Easy Learning Page 31 Flex – Style With CSS This chapter describes the styles under Adobe Flex: Flex supports the use of CSS

TUTORIALS POINT Simply Easy Learning Page 32 You can define styles within UI container component using <fx:Style> tag Class Level Selector <

TUTORIALS POINT Simply Easy Learning Page 33 1 Create a project with a name HelloWorld under a package com.tutorialspoint.client as explained in the

TUTORIALS POINT Simply Easy Learning Page 34 /* id level selector */ #msgLabel { color: gray; } /* style appli

iii Table of ContentsAdobe Flex Tutorial ... i Audience ...

TUTORIALS POINT Simply Easy Learning Page 35

TUTORIALS POINT Simply Easy Learning Page 36 Flex – Style With Skin This chapter style with skinning in Adobe Flex: What is Skining? Skinning in Fl

TUTORIALS POINT Simply Easy Learning Page 37 Enter Package as com.tutorialspoint.skin, name as GradientBackgroundSkin and choose host component as

TUTORIALS POINT Simply Easy Learning Page 38 Apply skin in MXML script (statically) Apply GradientBackgroundSkin to a BorderContainer with id mainCo

TUTORIALS POINT Simply Easy Learning Page 39 name=contentGroup, type=spark.components.Group, required=false --> <!-- fill --> &

TUTORIALS POINT Simply Easy Learning Page 40 verticalAlign="middle"> <s:Label id="lblHeader" fontSize="

TUTORIALS POINT Simply Easy Learning Page 41

TUTORIALS POINT Simply Easy Learning Page 42

TUTORIALS POINT Simply Easy Learning Page 43 Flex – Data Binding This chapter describes the Data Binding concepts. What is Data Binding? D ata Bind

TUTORIALS POINT Simply Easy Learning Page 44 <fx:Script> <![CDATA[ import mx.binding.utils.BindingUtils; import mx.events.Fl

iii Life Cycle of flex application: ... 27 Flex – Style With Skin ...

TUTORIALS POINT Simply Easy Learning Page 45 <s:Label id="lblHeader" text="Data Binding Demonstration" font

TUTORIALS POINT Simply Easy Learning Page 46

TUTORIALS POINT Simply Easy Learning Page 47 Flex – Basic Controls This chapter describes basic controls of Adobe Flex:. Every user interface cons

TUTORIALS POINT Simply Easy Learning Page 48 Every Basic UI control inherits properties from UIComponent class which in turn inherits

TUTORIALS POINT Simply Easy Learning Page 49 Event Dispatcher Class Introduction  The EventDispatcher class is the base class for all classes tha

TUTORIALS POINT Simply Easy Learning Page 50 S.N. Method & Description 1 EventDispatcher(target:IEventDispatcher = null) Aggregates an instanc

TUTORIALS POINT Simply Easy Learning Page 51 Class declaration Following is the declaration for mx.core.UIComponent class: public class UIComponent

TUTORIALS POINT Simply Easy Learning Page 52 12 automationValue : Array [read-only] This value generally corresponds to the rendered appearance of t

TUTORIALS POINT Simply Easy Learning Page 53 30 errorString : String The text that displayed by a component's error tip when a component is mon

TUTORIALS POINT Simply Easy Learning Page 54 A flag that determines if an object has been through all three phases of layout: commitment, measuremen

TUTORIALSPOINT Simply Easy Learning Page 1 Flex-Overview This chapter describes the basic definition and concepts of Adobe Flex:. What is Flex? FL

TUTORIALS POINT Simply Easy Learning Page 55 66 mouseFocusEnabled : Boolean Whether you can receive focus when clicked on. 67 nestLevel : int Depth

TUTORIALS POINT Simply Easy Learning Page 56 84 rotationX : Number [override] Indicates the x-axis rotation of the DisplayObject instance, in degree

TUTORIALS POINT Simply Easy Learning Page 57 100 top : Object For components, this layout constraint property is a facade on top of the similarly-na

TUTORIALS POINT Simply Easy Learning Page 58 Protected Properties Following are the protected properties for mx.core.UIComponent class: S.N. Name &

TUTORIALS POINT Simply Easy Learning Page 59 6 contentToLocal(point:Point):Point Converts a Point object from content to local coordinates. 7 create

TUTORIALS POINT Simply Easy Learning Page 60 true):Number Returns the y coordinate of the element's bounds at the specified element size. 24 ge

TUTORIALS POINT Simply Easy Learning Page 61 or null if this Repeater isn't repeated. 42 getStyle(styleProp:String):* Gets a style property tha

TUTORIALS POINT Simply Easy Learning Page 62 UIFTETextField) using a UITextFormat determined by the styles of this UIComponent. 60 move(x:Number, y:

TUTORIALS POINT Simply Easy Learning Page 63 77 setLayoutMatrix(value:Matrix, invalidateLayout:Boolean):void Sets the transform Matrix that is used

TUTORIALS POINT Simply Easy Learning Page 64 Protected method S.N. Method & Description 1 adjustFocusRect(obj:DisplayObject = null):void Adjust

TUTORIALS POINT Simply Easy Learning Page 2  Flex applications can run on Browsers as well as on Desktop.  Flex applications are platform in

TUTORIALS POINT Simply Easy Learning Page 65 16 invalidateParentSizeAndDisplayList():void Helper method to invalidate parent size and display list i

TUTORIALS POINT Simply Easy Learning Page 66 when the component has finished its construction, property processing, measuring, layout, and drawing.

TUTORIALS POINT Simply Easy Learning Page 67 20 mouseWheelOutside from a component opened using the PopUpManager when the user scrolls the mouse whe

TUTORIALS POINT Simply Easy Learning Page 68 35 touchInteractionStart A non-cancellable event, by a component when it starts responding to a touch i

TUTORIALS POINT Simply Easy Learning Page 69 3 Image The Image control lets you import JPEG, PNG, GIF, and SWF files at runtime. 4 LinkButton The Li

TUTORIALS POINT Simply Easy Learning Page 70 Flex – Form Controls This chapter describes the form controls under Adobe Flex:. Form controls allows u

TUTORIALS POINT Simply Easy Learning Page 71 The ComboBox control is a child class of the DropDownListBase control. 6 DateChooser The DateChooser co

TUTORIALS POINT Simply Easy Learning Page 72 Flex – Complex Controls This chapter describes the complex controls under Adobe Flex:. Complex contro

TUTORIALS POINT Simply Easy Learning Page 73 5 RichTextEditor The RichTextEditor control lets users enter and format text. 6 TileList The TileList c

TUTORIALS POINT Simply Easy Learning Page 74 Flex – Layout Panels This chapter describes layout panels under Adobe Flex: Layout panel controls p

TUTORIALS POINT Simply Easy Learning Page 3 Flex - Environment Setup This chapter describes the environment setup of Adobe Flex:. This tutorial w

TUTORIALS POINT Simply Easy Learning Page 75 4 HGroup The HGroup container is a Group container that uses the HorizontalLayout class. 5 Panel The Pa

TUTORIALS POINT Simply Easy Learning Page 76 Flex – Visual Effects This chapter describes the visual effects to add behavior to Flex application: W

TUTORIALS POINT Simply Easy Learning Page 77 1 className : String [read-only] The name of the effect class, such as "Fade". 2 customFilter

TUTORIALS POINT Simply Easy Learning Page 78 19 triggerEvent : Event The Event object passed to this Effect by the EffectManager when an effect is t

TUTORIALS POINT Simply Easy Learning Page 79 11 play(targets:Array = null, playReversedFromEnd:Boolean = false):Array Begins playing the effect. 12

TUTORIALS POINT Simply Easy Learning Page 80 2 effectStart Dispatched when the effect starts playing. 3 effectStop Dispatched when the effect has be

TUTORIALS POINT Simply Easy Learning Page 81 Flex – Event Handling This chapter describes the usage of Event Handling: Flex uses concept of

TUTORIALS POINT Simply Easy Learning Page 82 Consider the following application code <?xml version="1.0" encoding="utf-8"?>

TUTORIALS POINT Simply Easy Learning Page 83 Following is the content of the modified mxml file src/com.tutorialspoint/HelloWorld.mxml. <?xml v

TUTORIALS POINT Simply Easy Learning Page 84 <s:Label id="lblHeader" text="Event Handling Demonstration"

TUTORIALS POINT Simply Easy Learning Page 4 Windows java version "1.6.0_21" Java(TM) SE Runtime Environment (build 1.6.0_21-b07) Java Hot

TUTORIALS POINT Simply Easy Learning Page 85

TUTORIALS POINT Simply Easy Learning Page 86 Flex – Custom Controls This chapter describes the Custom Controls under Adobe Flex:. Flex provides two

TUTORIALS POINT Simply Easy Learning Page 87 Flash Builder will create the following CustomButton.as file. package com.tutorialspoint.client { i

TUTORIALS POINT Simply Easy Learning Page 88 Using MXML You can create a component by extending existing component. To create a component using Flas

TUTORIALS POINT Simply Easy Learning Page 89 Following is the content of the modified mxml file src/com.tutorialspoint/client/CustomLog

TUTORIALS POINT Simply Easy Learning Page 90 } Following is the content of the modified mxml file src/com.tutorialspoint/client/HelloWorld.mxml. &

TUTORIALS POINT Simply Easy Learning Page 91

TUTORIALS POINT Simply Easy Learning Page 92 Flex – RPC Services This chapter describes RPC Services provided by Adobe Flex:. Flex provides RPC ser

TUTORIALS POINT Simply Easy Learning Page 93 <items> <item name="Book" description="History of France"></item&

TUTORIALS POINT Simply Easy Learning Page 94 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.ado