Flex In30 Mins

1,168 views

Published on

FlexIn30Mins

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,168
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Flex In30 Mins

  1. 1. Flex 快速入门 <ul><li>Product R&D Innovation Team </li></ul>
  2. 2. Flex 是什么 ? 开发 swf 方法的一种 ! 为开发人员提供 . 为开发应用程序 : Web 应用 (Flash Player) 桌面应用 (AIR) &
  3. 3. <ul><li>新的 VM+JIT </li></ul><ul><li>极大的性能提升 </li></ul><ul><li>减小内存消耗 </li></ul><ul><li>AS3.0 - ECMA 4 兼容 </li></ul><ul><li>动态 & 强类型语言 </li></ul><ul><li>ECMAScript for XML (E4X) </li></ul><ul><li>易于升级 One-click </li></ul><ul><li>完全的向后兼容性 </li></ul>Flash Player 9
  4. 4. FlexBuilder 基于 eclipse 的 IDE 集成 Design 、 Debug 动态 help 4J : ant 脚本
  5. 5. Flex Framework ? visual components Manager classes RPC/Messaging/Data Service c Utilities
  6. 6. <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts…}”/> <LineChart dataProvider=“{ws.getProducts….}”/> </Application> MXML
  7. 7. MXML – 组件 <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts….}”/> <LineChart dataProvider=“{ws.getProducts….}”/> </Application>
  8. 8. MXML - “id” <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts….}”/> <LineChart dataProvider=“{ws.getProducts….}”/> </Application>
  9. 9. MXML – 属性 <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application>
  10. 10. MXML – 事件 <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application>
  11. 11. MXML – 绑定 <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts.result}”/> <LineChart dataProvider=“{ws.getProducts.result}”/> </Application>
  12. 12. MXMLC 编译器 <ul><li>MXML to AS 3 (-keep-generated-actionscript=true) </li></ul><ul><li>CSS to AS 3 </li></ul><ul><li>AS 3 to ByteCode </li></ul><ul><li>Assets to SWF </li></ul><ul><li>ByteCode to SWF </li></ul><ul><li>SWF 运行于 Flash Player 9 </li></ul>
  13. 13. <ul><li>Button </li></ul><ul><li>CheckBox </li></ul><ul><li>ColorPicker </li></ul><ul><li>ComboBox </li></ul><ul><li>DataGrid </li></ul><ul><li>DateChooser </li></ul><ul><li>DateField </li></ul><ul><li>HSlider </li></ul><ul><li>HorizontalList </li></ul><ul><li>Image </li></ul><ul><li>Label </li></ul><ul><li>LinkButton </li></ul><ul><li>List </li></ul><ul><li>NumericStepper </li></ul><ul><li>PopUpButton </li></ul><ul><li>PopUpMenuButton </li></ul><ul><li>ProgressBar </li></ul><ul><li>RadioButton </li></ul><ul><li>RichTextEditor </li></ul><ul><li>Text </li></ul><ul><li>TextArea </li></ul><ul><li>TextInput </li></ul><ul><li>TileList </li></ul><ul><li>Tree </li></ul><ul><li>VSlider </li></ul><ul><li>VideoDisplay </li></ul>控件
  14. 14. 容器控件 *( 可包含控件及容器控件 ) <ul><li>Canvas </li></ul><ul><li>ControlBar </li></ul><ul><li>Form </li></ul><ul><li>FormHeading </li></ul><ul><li>Grid </li></ul><ul><li>HBox </li></ul><ul><li>HDividedBox </li></ul><ul><li>ModuleLoader </li></ul><ul><li>Panel </li></ul><ul><li>Spacer </li></ul><ul><li>Tile </li></ul><ul><li>TitleWindow </li></ul><ul><li>VBox </li></ul><ul><li>VDividedBox </li></ul>
  15. 15. <?xml version=&quot;1.0&quot; ?> <mx:Application> <mx:Button width=”100” height=”50”/> <mx:Panel width=”100%” height=”100%”> <mx:Button width=”100%”/> <mx:DataGrid width=”100%” height=”100%”/> </mx:Panel> </mx:Application> mx:Application mx:Button mx:Panel mx:DataGrid mx:Button
  16. 16. package com.mstc { import mx.controls.Button; public class MyButton extends Button { public function MyButton():void { super (); } } } < mstc:MyButton label=&quot; ClickMe &quot;/>
  17. 17. flex store 、 flex dashbord 资源 flex sdk document flex component explorer
  18. 18. 问题、交流 邮件组: issi_dev_innovation

×