SlideShare a Scribd company logo
Flex  快速入门 Product R&D Innovation Team
Flex 是什么 ? 开发 swf 方法的一种 ! 为开发人员提供 . 为开发应用程序 : Web 应用 (Flash Player) 桌面应用 (AIR) &
新的 VM+JIT 极大的性能提升 减小内存消耗 AS3.0 - ECMA 4  兼容 动态 & 强类型语言 ECMAScript for XML (E4X) 易于升级 One-click 完全的向后兼容性 Flash Player 9
FlexBuilder 基于 eclipse 的 IDE 集成 Design 、 Debug  动态 help 4J : ant 脚本
Flex Framework ? visual components Manager classes RPC/Messaging/Data Service c Utilities
<Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts…}”/>  <LineChart dataProvider=“{ws.getProducts….}”/> </Application> MXML
MXML –  组件 <Application> <WebService id=“ws” wsdl=“catalog.wsdl”/> <Button label=“Get Data” click=“ws.getProducts()”/> <DataGrid dataProvider=“{ws.getProducts….}”/>  <LineChart dataProvider=“{ws.getProducts….}”/> </Application>
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>
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>
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>
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>
MXMLC  编译器 MXML to AS 3  (-keep-generated-actionscript=true) CSS to AS 3 AS 3 to ByteCode Assets to SWF ByteCode to SWF SWF  运行于  Flash Player 9
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 控件
容器控件 *( 可包含控件及容器控件 ) Canvas ControlBar Form FormHeading Grid HBox HDividedBox ModuleLoader Panel Spacer Tile TitleWindow VBox VDividedBox
<?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
package  com.mstc { import  mx.controls.Button; public   class  MyButton  extends  Button { public   function  MyButton():void { super (); } } } < mstc:MyButton  label=&quot; ClickMe &quot;/>
flex store 、 flex dashbord 资源 flex sdk document flex component explorer
问题、交流 邮件组: issi_dev_innovation

More Related Content

PDF
Angular Web Components
PPTX
Angular Web Components
PPTX
ASP.NET Loves HTML5, Javascript and CSS3, or what's new in VS2013 for Web Dev...
PPT
PDF
About The Event-Driven Data Layer & Adobe Analytics
PPT
2310 b 09
PDF
PPTX
Angular Web Components
Angular Web Components
ASP.NET Loves HTML5, Javascript and CSS3, or what's new in VS2013 for Web Dev...
About The Event-Driven Data Layer & Adobe Analytics
2310 b 09

Similar to Flex In30 Mins (20)

PPTX
DODN2009 - Jump Start Silverlight
PPTX
HTML5 - Future of Web
PPT
Flex In Portal Final
PDF
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
PPTX
Windows Phone 7 and Silverlight
PPT
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
PPTX
Internet Explorer 8 Developer Overview
PPT
Building Cool apps with flex
PPT
Introduction To Flex
PPT
Flex_rest_optimization
PPT
Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009
PPTX
The current status of html5 technology and standard
PPT
PPTX
Meego Widget Development using Qt WRT @iRajLal
PPT
Silverlight Training
PPTX
Silverlight Developer Introduction
PPTX
Ie9 dev overview (300) beta
PPTX
Building AOL's High Performance, Enterprise Wide Mail Application With Silver...
PPTX
How To Flex - Fondamentali
PPTX
Rendering The Fat
DODN2009 - Jump Start Silverlight
HTML5 - Future of Web
Flex In Portal Final
IE 8 et les standards du Web - Chris Wilson - Paris Web 2008
Windows Phone 7 and Silverlight
The ActionScript Conference 08, Singapore - Developing ActionScript 3 Mash up...
Internet Explorer 8 Developer Overview
Building Cool apps with flex
Introduction To Flex
Flex_rest_optimization
Introdução ao Microsoft Silverlight 2.0 - Campus Party Brasil 2009
The current status of html5 technology and standard
Meego Widget Development using Qt WRT @iRajLal
Silverlight Training
Silverlight Developer Introduction
Ie9 dev overview (300) beta
Building AOL's High Performance, Enterprise Wide Mail Application With Silver...
How To Flex - Fondamentali
Rendering The Fat
Ad

Recently uploaded (20)

PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Cloud computing and distributed systems.
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Empathic Computing: Creating Shared Understanding
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
A Presentation on Artificial Intelligence
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
cuic standard and advanced reporting.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPT
Teaching material agriculture food technology
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
Advanced methodologies resolving dimensionality complications for autism neur...
Cloud computing and distributed systems.
Spectral efficient network and resource selection model in 5G networks
sap open course for s4hana steps from ECC to s4
Reach Out and Touch Someone: Haptics and Empathic Computing
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Diabetes mellitus diagnosis method based random forest with bat algorithm
Empathic Computing: Creating Shared Understanding
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
A Presentation on Artificial Intelligence
Dropbox Q2 2025 Financial Results & Investor Presentation
The AUB Centre for AI in Media Proposal.docx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
cuic standard and advanced reporting.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Teaching material agriculture food technology
“AI and Expert System Decision Support & Business Intelligence Systems”
Mobile App Security Testing_ A Comprehensive Guide.pdf
Encapsulation_ Review paper, used for researhc scholars
Ad

Flex In30 Mins

  • 1. Flex 快速入门 Product R&D Innovation Team
  • 2. Flex 是什么 ? 开发 swf 方法的一种 ! 为开发人员提供 . 为开发应用程序 : Web 应用 (Flash Player) 桌面应用 (AIR) &
  • 3. 新的 VM+JIT 极大的性能提升 减小内存消耗 AS3.0 - ECMA 4 兼容 动态 & 强类型语言 ECMAScript for XML (E4X) 易于升级 One-click 完全的向后兼容性 Flash Player 9
  • 4. FlexBuilder 基于 eclipse 的 IDE 集成 Design 、 Debug 动态 help 4J : ant 脚本
  • 5. Flex Framework ? visual components Manager classes RPC/Messaging/Data Service c Utilities
  • 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. 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. 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. 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. 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. 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. MXMLC 编译器 MXML to AS 3 (-keep-generated-actionscript=true) CSS to AS 3 AS 3 to ByteCode Assets to SWF ByteCode to SWF SWF 运行于 Flash Player 9
  • 13. 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 控件
  • 14. 容器控件 *( 可包含控件及容器控件 ) Canvas ControlBar Form FormHeading Grid HBox HDividedBox ModuleLoader Panel Spacer Tile TitleWindow VBox VDividedBox
  • 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. package com.mstc { import mx.controls.Button; public class MyButton extends Button { public function MyButton():void { super (); } } } < mstc:MyButton label=&quot; ClickMe &quot;/>
  • 17. flex store 、 flex dashbord 资源 flex sdk document flex component explorer