1、Flex学习总结,作者：杨鹏举 任远博 时间：2012-11-21,Flex基础知识 Flex组件 Flex事件 Flex效果 Flex Web开发 Flex IO,Flex基础知识,Flex 简介 flex的组成元素 Flex MXML语言 Flex脚本语言（ActionScript 3.0）,Flex简介,Flex 4是高效率的开放源码框架，可用于构建和维护在所有浏览器、桌面和操作系统部署的极具表现力的Web应用程序。Flex 4使用非常简单的MXML描述界面，与使用HTML非常相似，但是MXML更加规范化、标准化。通过 JAVA或者.NET等非Flash途径解释.mxml文件，组织文件，
2、并声称相应的.swf文件，最后在HTML或Flash Player中运行该文件。,flex的组成元素,（1）MXML。MXML是基于XML的标记语言，用于应用程序用户界面的布局，控制组件的样式和外观等。 （2）ActionScript 3.0。ActionScript 3.0是一种符合ECMA规范的面向对象脚本语言，类似于JavaScript，运行于Flash Player平台，增强了Flash平台的能力，是Flex 4的核心编程语言。ActionScript 3.0可以完成MXML不能完成的任务，例如，控制事件，绑定数据对象到Flex控件，定义用户组件等。 （3）Flex SDK。Flex
3、SDK（Software Development Kit）是Flex开发工具包。目前最新版本是Flex 4.1 SDK，用于编译Flex程序（如同JDK）。 （4）Flash Builder 4。Flex 4中的开发环境已经更名为Flash Builder，而不是原来的Flex Builder系列。使用此集成开发环境（IDE），开发者可以快速高效地开发富互联网应用程序。,Flex MXML语言,1MXML文件名 MXML文件名要求如下。 （1）MXML区分大小写。 （2）MXML文件必须以小写的“mxml”作为后缀名。 （3）在ActionScript类中，变量名必须以字母或下划线开始。 （4
4、）MXML文件名不能与ActionScript类的名称、组件名一样。 （5）MXML文件不能命名为Application。 2组件的属性 MXML组件的属性值可以是以下几种类型。 （1）标量值，如字符串、数字、逻辑值。 （2）由标量值组成的数组，如数组和字符串数组。 （3）ActionScript对象。 （4）由ActionScript对象组成的数组。 （5）ActionScript对象的属性。 （6）XML数据。 （7）样式属性。,3定义URL MXML支持以下几种类型的URL。 （1）绝对路径。 （2）动态路径。 （3）编译时的路径。 （4）相对路径。 4注释 MXML文件中可以使用XML
5、的注释方法，例如：,下面的例子显示 了MXML应用程序的基本结构，如下所示：,actionscript语言与C，C+ 常用语言的比较,2.1相同点 1.基本的语法规则相同 2.程序的设计流程也是基本相同的， 3.运算符和基本的数据类型，比如字符，整形等定义是完全相同的，加减乘除等操作符是完全相同的，其他一些复杂数学运算函数的名称也是类似的。 4.包含C语言全部的流程控制。 5.actionscript是面向对象的，也支持类，支持继承,2.2 不同点 1.actionscript有两种数据类型是和C语言C+完全不同的，一种是数组，一种是Object对象 2.在循环语句中，actionscript
6、有一个for.in循环还有一个for eachin循环C语言C+中是不存在的。 例如： var myArray：Array=1,2,3；,for(var i:String in myArray) Alert.show(myArrayi); 将依次弹出三个窗口，内容分别是1，2，3 for each.in的迭代变量是包含属性包含值，而不包含属性名称，例如：,var myObj:Object=a:2,y:3 for each (var field:Int in myObj) trace(field); 将输出 3 2,3.actionscript在一条语句结束的时候不一定要加分号，系统可以自动检测
7、到语句的结束 4.actionscript似乎没有指针，我还不太清楚,Flex组件,组件能够灵活、快速的实现开放需求，可以提高开发效率 。组件可以拖拽使用，并在自动编写响应的MXML代码。组件的特点主要包括：1、属性：对组件特征的描述2、样式：组件的特色3、事件：组件响应的事件4、行为：组件对用户动作或应用改变发生的改变。分类：1、系统组件2、自定义组件,系统组件,系统组件是系统自带的组件，在安装完成时就存在的组件，系统组件又分为基本组件、容器、图表。其中基本组件最常用，它完成的功能比较单一，一般只能完成某种特定的需要。但它的种类比较丰富，包含文本、按钮、下拉框、图像、列表、数据表格、日期、进
8、度条等。并且每种都有不同的分类。容器和图表属于比较高一级的组件。容器分为布局容器和导航容器。布局容器主要用于调整应用程序等的界面布局，同过容器可以方便的改变组件的大小、位置等信息，从而美化界面。导航容器用于控制用户对多个子类容器的移动或导航。,图表组件是使用表和图形的方式展示数据，使数据更加清晰、直观的展现给用户。分为：面积图、条形图、柱状图、折线图、饼图、散点图、气泡图等。使用不同类型的图表可以方便的展示出不同种类的数据。,自定义组件,自定义组件是根据开发需要，由开发人员根据不同的需要利用系统组件进行综合编码处理成可以完成特定功能的组件。,Flex事件,基本事件处理 事件流机制 自定义事件,
9、基本事件处理,flex提供高效的事件处理机制，通过事件处理机制，可以将程序主体功能细化，为各功能之间的通信提供良好的桥梁，保证程序的各个部分协同工作。 flex事件的模型是基于W3C DOM Level 3事件模型。 flex事件处理机子机制主要包括注册监听器、派发事件、监听事件、移除事件4个步骤。,基本事件处理,事件处理：当事件发生时，一般按照以下几个基本要素进行事件处理。 事件源：触发事件的对象 事件名：标志一个特定的事件 响应：事件发生时，对事件作出的响应 要实现事件处理，需要先注册事件监听器并制定响应，flex中注册事件监听器的方法有两种，一种是是MXML标签的事件属性注册监听器，另一
10、种是使用ActionScript注册。,事件流机制,在事件处理时，如果事件目标是可视的，则flash player派发事件时将事件从最外部容器开始向下传递到目标组件；如果时间目标不是可视的，则flash player直接向指定的目标派发事件。 flex事件流在传播的时候分为3个阶段，捕获阶段、目标阶段、冒泡阶段。 捕获阶段：从最外部开始检查显示列表中每个节点是否注册了事件监听器。默认的在该阶段，事件监听器不会受到消息。,事件流机制,目标阶段：在该阶段中，flex找到事件最底层节点（目标对象），如果其注册了事件监听器，那么触发事件，并执行响应的响应函数。 冒泡阶段：该阶段是捕获阶段的逆阶段，它从最里层到最外层检查是否注册了事件监听器。,自定义事件,随着开发的深入，flex的基本事件可能不能满足我们的需要，此时我们就需要自己去定义事件。自定义事件的方法有两种，第一种为使用dispatchEvent()方法定义；第二种是继承Event类。,Flex效果,组件内处理 组件间处理,Flex Web开发,Webservice的使用 Flex通过webservice提供的各项服务完成一些在flex前端不能实现或不容易实现的功能。并且它还能够解决开发语言之间的沟通问题。,Flex IO,对于flex直接操作文件还不太明白。目前主要是借助webservice通过C#经行文件读写。,
