Successfully reported this slideshow.
Ravi Kumar Hamsa<br />Introduction To Flex<br />
Flex is the way to make Rich Internet Applications quickly and easily<br />Why Flex? Quick, Easy, Well Supported<br />Flex...
Flex Builder 3.0<br />Start Page<br />Navigator<br />Outline<br />Design/Source View<br />Components Panel<br />Property P...
Scripting Language for Flash run-time<br />EMCAScript-262 specifications based<br />AVM 2<br />ActionScript 3.0<br />
Document Type Definition (DTD)<br />Application Tag<br />Layout absolute/vertical/horizontal<br />Convenience language<br ...
width<br />height<br />alpha<br />scaleX<br />scaleY<br />visible<br />enabled<br />x <br />y<br />Common Properties	<br />
Canvas <br />VBox<br />HBox<br />Panel<br />VDividedBox<br />HDividedBox<br />Containers<br />
Menu Bar<br />Tab Navigator<br />View Stack<br />Navigators<br />
Label<br />Text<br />TextInput<br />TextArea<br />Image<br />Sliders<br />Controls<br />
{}<br />&lt;mx:Binding  source=“this” destination=“that” /&gt;<br />Data Binding<br />
Creating States<br />Navigating btw States<br />Animating States<br />States<br />
Inline Styles (camel case names)<br />Style Tag<br />External StyleSheets<br />Selectors (Type, styleName, global)<br />Ty...
Simple Event Handling<br />Event Handlers<br />Event Objects<br />Events<br />
HTTP Service<br />ResultEvent<br />FaultEvent<br />External Data<br />
http://www.adobe.com/devnet/flex/<br />http://examples.adobe.com/flex3/componentexplorer/explorer.html<br />Shift+F2<br />...
Upcoming SlideShare
Loading in …5
×

Introduction To Flex

792 views

Published on

Introduction to Flex Builder 3, containers, navigators, events, xml, dynamic data

Published in: Technology, Business
  • Be the first to comment

Introduction To Flex

  1. 1. Ravi Kumar Hamsa<br />Introduction To Flex<br />
  2. 2. Flex is the way to make Rich Internet Applications quickly and easily<br />Why Flex? Quick, Easy, Well Supported<br />Flex is nothing but Flash<br />What is Flex?<br />
  3. 3. Flex Builder 3.0<br />Start Page<br />Navigator<br />Outline<br />Design/Source View<br />Components Panel<br />Property Panel<br />-keep-generated-actionscript<br />
  4. 4. Scripting Language for Flash run-time<br />EMCAScript-262 specifications based<br />AVM 2<br />ActionScript 3.0<br />
  5. 5. Document Type Definition (DTD)<br />Application Tag<br />Layout absolute/vertical/horizontal<br />Convenience language<br />MXML<br />
  6. 6. width<br />height<br />alpha<br />scaleX<br />scaleY<br />visible<br />enabled<br />x <br />y<br />Common Properties <br />
  7. 7. Canvas <br />VBox<br />HBox<br />Panel<br />VDividedBox<br />HDividedBox<br />Containers<br />
  8. 8. Menu Bar<br />Tab Navigator<br />View Stack<br />Navigators<br />
  9. 9. Label<br />Text<br />TextInput<br />TextArea<br />Image<br />Sliders<br />Controls<br />
  10. 10. {}<br />&lt;mx:Binding source=“this” destination=“that” /&gt;<br />Data Binding<br />
  11. 11. Creating States<br />Navigating btw States<br />Animating States<br />States<br />
  12. 12. Inline Styles (camel case names)<br />Style Tag<br />External StyleSheets<br />Selectors (Type, styleName, global)<br />Type selectors only @ application level<br />Inheritance<br />No #(id) selector<br />Style Design View<br />Precedence<br />CSS<br />
  13. 13. Simple Event Handling<br />Event Handlers<br />Event Objects<br />Events<br />
  14. 14. HTTP Service<br />ResultEvent<br />FaultEvent<br />External Data<br />
  15. 15. http://www.adobe.com/devnet/flex/<br />http://examples.adobe.com/flex3/componentexplorer/explorer.html<br />Shift+F2<br />Tour de Flex<br />Resources<br />

×