Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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

802 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 />

×