第1页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第1页共66页Flex程序员培训教程Flex产品概述学习FLEX,必须了解什么是RIA。RIA,RichInternetApplication,也就是富互联网应用。这个富字是重点。传统的HTML页面元素非常有限,开发人员在页面刷新和相应速度都受到较大的困扰。FLEX,最开始是由Macromedia公司2004年发布,2005年4月,Adobe公司收购Macromedia公司,现在FLEX系Adobe公司系列产品。官方网站:www.adobe.com.Flex拥有两种开发语言:MXML:一种XML标识语言,用来进行组件布局,数据绑定等,和HTML语言有点类似。ActionScript:现在用的版本是3.0,flex的编程语言,一般业务逻辑操作需要用到,可以完成MXML的所有操作。Flex3包含以下几个部分:Flex3SDK是Flex产品最基础也是必需的组件。包括编译器、Flex类库以及调试工具。FlexBuilder3/flashBuilder4是基于eclipse的集成开发环境。支持可视化界面以及MXML和ActionScript编写,可以下载独立的Flex开发工具(FlexBuilder3/flashBuilder4),也可以下载插件(作为eclipse的插件)使用。Flex的安装FlexBuilder3和FlashBuilder4安装基本一样。第2页共66页第1页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第2页共66页选择好语言环境,点击OK,开始安装:安装完成以后,启动Flex第3页共66页第2页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第3页共66页FlexBuilder3的启动页面安装好的Flex对应的目录结构如下:第4页共66页第3页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第4页共66页Flex开发入门Helloworld案例的开发案例描述通过经典的“HelloWorld”案例来了解Flex的运行方式。Flex对应的插件包对应的sdk文件夹,包含sdk2.0和sdk3.1两个不同的版本FlexBuilder的启动文件第5页共66页第4页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第5页共66页开发步骤启动FlexBuilder3通过“开始程序AdobeFlexBuilder3”启动Flex开发环境。创建项目打开FlexBuilder3之后,选择“FileNewFlexProject”创建一个新项目;点击此处切换透视图第6页共66页第5页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第6页共66页1)在弹出的“FlexProject”视图中,配置相关参数。“项目名称”:FlexTest,如图2.1-2所示。点击Next,选择Flex编译后的输出目录,默认的就可以了第7页共66页第6页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第7页共66页点击Next,可以指定原码路径,默认为src,可以选择SDK的版本等第8页共66页第7页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第8页共66页点击Finish。创建好的项目目录结构如下:编译部署、运行选中FlexTest.mxml,打开此文件,输入如下代码1、原码路径编译后输出目录公共库(swc文件)的存放目录第9页共66页第8页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第9页共66页选中FlexTest,点击运行效果如下,点击“Helloworld”按钮,弹出一个对话框,显示“HelloWorld!”第10页共66页第9页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第10页共66页Flex常用组件1、Label2、TextInput3、TextArea4、ComboBox5、DateField6、Button7、DataGrid。。。。。Label主要用于字段说明,就像下图的“用户名:”和“用户说明”,一般Label字段的显示值不作为数据提交;TextInput用作文本值输入,不支持换行,如果想要输入的值可以换行可以使用TextArea,TextInput和TextArea跟html中text和textarea完成的任务是一样的,用于数据的提交和显示。第11页共66页第10页共66页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第11页共66页ComboBox下拉框,提供数据选择,比如说性别、类型等DateField日期框,对于需要用到日期的地方很有用可以通过设置formatString来改变日期的格式,比如说formatString=”YYYY-MM-DD”,则显示的值为“2011-03-08”B...