Flex的开发详解HelloWord.doc

Flex开发详解
首先需要下无Flex的插件
Flex4插件安装
具体的安装方式在”Flex4插件安装在Eclipse8_0图文教程.mht”中很详细
安装插件完成后可以进行开发了,如下是插件版的界面,安装完成可以看到.在视图

下面我们来看一下怎么样开发一个Flex的应用
NewProject

2.创建项目完成后发现在Problems中出错.原因为因为没有指定SDK的安装目录导致的.

3.安装插件后会在Eclipse中出现InstalledFlexSDKS的菜单,在菜单Addsdk

4.对mxml的文件通过mxmleditor的方式来打开

如果通过MXMLEditor的方式来打开可以看到布局是有所不同的.
Flexcomponents:flex的组件区,可以通过鼠标直接拖动到画板区
States:组件的状态区
FlexProperties:组件的属性区,包括一些name,colorstylecommon

6.选中单个组件时,在flexproperties中会显示组件的属性

mxml有两种显示方式,
source代码方式,直接可编写Actionscript
Design设计方式,当鼠标拖动组件时用的是该设计方式

源码说明:
1.标签<mx:Application>为头标签是固定格式,如jsp的html类似的理解,不同的是
<mx:Application>有属性值,有layout,color,name,id,等等
2.<mx:Script>
<![CDATA[ ]]>
</mx:Script>--编写actionScript的脚本.
3.导入使用的是import,编写方法publicfunction
onclieck(prams参数):void返回值{method…..方法体}
7.运行Flex的Project,右击>>>>>>Run>>>>>FlexApplication

8.运行的结果:

9.运行时可以看到,运行的文件其它是HelloWorld.html文件

10.该文件核心是<object></object>中的内容

说明:
param:传入的参数,FlashVars该参数为传的URL.获取方式Application.application.parameters["reqUrl"];

源文件: