Flex Bootcamp Flex in 30 Minutes

1
Flex BootcampFlex in 30 Minutes

• Ted Patrick - Flex Evangelist
• ted_at_adobe.com

2
What is Flex?
A way to make SWF files!
It is for developers.
It is for making applications
On the Web (Flash Player)
and
On the Desktop (AIR)
3
Flash Player 9

• New Virtual Machine with JIT
• 20X performance improvements
• Reduced memory consumption
• ActionScript 3.0 - ECMA 4 Compliant
• Dynamic and Strong typed language
• ECMAScript for XML (E4X)
• Seamless One-click upgrade
• Full backward compatibility

4
MXML
wsdlcatalog.wsdl/ Data clickws.getProducts()/ dataProviderws.getProducts.result/

5
MXML - Components
wsdlcatalog.wsdl/ Data clickws.getProducts()/ dataProviderws.getProducts.result/

6
MXML - id
wsdlcatalog.wsdl/ Data clickws.getProducts()/ dataProviderws.getProducts.result/

7
MXML - Properties
wsdlcatalog.wsdl/ Data clickws.getProducts()/ dataProviderws.getProducts.result/

8
MXML - Events
wsdlcatalog.wsdl/ Data clickws.getProducts()/ dataProviderws.getProducts.result/

9
MXML - Bindings
wsdlcatalog.wsdl/ Data clickws.getProducts()/ dataProviderws.getProducts.result/

10
MXMLC Compiler

• MXML to ActionScript 3
• CSS to ActionScript 3
• ActionScript 3 to ByteCode
• Assets to SWF
• ByteCode to SWF
• SWF running in Flash Player 9

11
Controls

• Button
• CheckBox
• ColorPicker
• ComboBox
• DataGrid
• DateChooser
• DateField
• HSlider
• HorizontalList
• Image
• Label
• LinkButton
• List

• NumericStepper
• PopUpButton
• PopUpMenuButton
• ProgressBar
• RadioButton
• RichTextEditor
• Text
• TextArea
• TextInput
• TileList
• Tree
• VSlider
• VideoDisplay

12
Containers(These hold Controls and other
Containers)

• Canvas
• ControlBar
• Form
• FormHeading
• Grid
• HBox
• HDividedBox

• ModuleLoader
• Panel
• Spacer
• Tile
• TitleWindow
• VBox
• VDividedBox

13



width100 height100/

14

package com.ted import mx.controls.Button pub
lic class MyButton extends Button public
function MyButton()void super()
15
Ted Patrick Adobe - Flex Evangelist onflex.org ted
_at_adobe.com