Resources:
Flex Developer Center: http://www.adobe.com/devnet/flex/?navID=gettingstarted
Flex Examples: http://blog.flexexamples.com/
Flex in a Week: http://www.adobe.com/devnet/flex/videotraining/
Flex In a Week
Day 1: Flex basics
Comparing Flash, Flex, Flash Player, and AIR
Flash, Flex: You use Flash or the Flex framework to create applications.
Flash is used as an animation tool for designers and also is used to build applications that are both rich in media and interactivity.
Flex is to help developers quickly build Rich Internet Applications using the ActionScript and MXML programming languages.
Flex often appeals more to developers while Flash appeals to designers.
Flex uses visual tools and a timeline to layout applications and ActionScript to program functionality.
Flex provides users with a framework of classes, including visual componets, and two programming languages;
MXML for the visual layout and ActionScript for the business logic.
Flash Player, and AIR: are the runtime for the compiled Flash and Flex applications and are targeted to the browser and desktop, respectively.
Understanding MXML
the Flex XML-based tag library: MXML;
C:\Program Files\Adobe\Flex Builder 3\sdks\3.1.0\frameworks\mxml-manifest.xml
To force code hinting to appear, press the control key and the space bar.
Binding data between controls: text="{text1.text}"
<mx:TextInput x="81" y="75" text="Text1" id="text1"/>
<mx:TextInput x="81" y="101" text="{text1.text}" id="text2"/>
!!!ActionScript is zero-based.
!!!MXML files are class files.
Flex Events
Two types of events: User and System
Two system events at componet startup:
Initialize
Fires before determines appearance;
Can use to set appearance propeties;
creationComplete
Fires after measurement and layout;
Can use if code relies on appearance;
Fires after objects are created and ready for use.
The syntax and required arguments to add an event listener:
checkbox.addEventListener(eventType:String, listenerName:Function);
checkbox.addEventListener(MouseEvent.CLICK, populateInputText3);
reference the object.
use the addEventListener() method.
Declare the event type as a string. Example: MouseEvent.ROLL_OVER, KeyboardEvent.KEY_DOWN
Register the listener function.