Flex 3 - Introduction

Flex ® 3 & Adobe ® Flex Builder ™ An introduction Rasheed Akhtar [email_address]

About Me ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Flex 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Why Flex? ,[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Why Flex? ,[object Object],Rasheed Akhtar [email_address]

Why Flex? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

History ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

History ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

History & Future ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Now building on Flex… Rasheed Akhtar [email_address]

Now building on Flex… ,[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Flex SDK ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

How Flex works Rasheed Akhtar [email_address]

Behind the Scenes ,[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Behind the Scenes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<mx:Button id="myButton" label="I'm a button!" /> var myButton:Button; myButton = new Button(); myButton.label = " I'm a button! " ; addChild (myButton); Rasheed Akhtar [email_address]

Flex Builder 3 Demo Rasheed Akhtar [email_address]

MXML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

MXML ,[object Object],[object Object],[object Object],[object Object],<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml " xmlns:components="components.*“ /> //Flex button <mx:Button id="myButton" label="I'm a button!" /> //custom button <components:Button id="myButton" label="I'm a button!" /> </mx:Application> Rasheed Akhtar [email_address]

Interactive MXML ,[object Object],[object Object],[object Object],[object Object],[object Object],<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml " /> //Flex button <mx:Button id="myButton" label="I'm a button!" click=“Alert(‘ STOP! ’)" /> </mx:Application> Rasheed Akhtar [email_address]

Interactive MXML ,[object Object],[object Object],[object Object],[object Object],<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml " /> <mx:Vbox> <mx:Text id="output" text=" {input.text} " /> <mx:TextInput id="input" /> </mx:Vbox> </mx:Application> Rasheed Akhtar [email_address]

Containers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Containers - Layout ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Controls ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Controls ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Controls ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Note ,[object Object],[object Object],Rasheed Akhtar [email_address]

Charting Components ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Styling (CSS) ,[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Styling (CSS) ,[object Object],[object Object],[object Object],import mx.styles.StyleManager; : : StyleManager.getStyleDeclaration("Button").setStyle("fontSize",24); Rasheed Akhtar [email_address]

Skinning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Final Thoughts… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Rasheed Akhtar [email_address]

Flex 3 - Introduction

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (6)

Similar to Flex 3 - Introduction

Similar to Flex 3 - Introduction (20)

Recently uploaded

Recently uploaded (20)

Flex 3 - Introduction