Flex4基础-ActionScript语法

阅读更多

• 简介

         Flex是高效、免费、开源的框架，广泛用于生成移动、web和桌面平台的应用程序。，它可以使开发人员创建利用 Adobe® Flash® Player 9 作为前台的“富客户端互联网应用程序/rich Internet applications/RIA”，以满足用户更为直观和极具交互性的在线体验。简单的说，Flex就是用来编写flash程序的框架，非常适合软件开发人员使用。

 

    开发Flex 应用程序的典型步骤如下（通常是这样）：  

1.  选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等）

2.  布置组件以设计用户界面。

3.  使用样式和主题来增强视觉方面的设计。

4.  添加动态行为（例如程序部件之间的相互作用）。

5.  定义并连接所需的数据库服务。

6.  将源代码编译成SWF 文件，然后在Flash Player 中运行。

 

         一个典型的Flex 应用程序包括如下元素：

1. Flex framework

Adobe® Flex 2 framework 包含了创建RIA 所需要的所有组件，它们是：用于应用程序布局规划的容器；针对用户界面和从用户处获取数据的控制（例如文本框和按钮）；广泛支持的数据绑定、数据格式化、以及有效值验证；事件驱动的开发模式。Flex framework 被包含在公用组件库（SWC）文件中。

2. MXML

每个Flex 应用程序至少包含有一个MXML 文件，它被作为该程序的主文件。MXML是一种标记语言，它是基于XML 的一种实现，用来创建Flex 应用程序。你可以使用它去声明程序中所使用的标签结构的定义。

3. ActionScript 3.0

你可以使用ActionScript 3.0 为应用程序添加动态行为，它是基于ECMAScript 的一种实现，类似于JavaScript。你可以将ActionScript 作为一个脚本块，在MXML 文件中直接进行添加；或者创建一个单独的ActionScript 文件，然后将它们导入到MXML 文件中。

4. CSS

你可以通过设置组件的属性（properties）来改变组件（按钮、列表框等）的视觉样式。例如，按钮组件有一个fontFamily 属性，你可以使用它来进行字体的设置。样式的属性通常有四种方法来进行控制：通过主题(theme)；在CSS 文件中进行定义；在MXML 文件中的样式块中进行定义；在组件的实例中进行设置。MXML 样式的定义和使用遵循了W3C Cascading Style Sheets（CSS）标准。

5.  图形资源

与很多应用程序一样，Flex 包含了各种各样的图形资源，如图标和图象。

6.  数据

一些组件被使用来进行数据显示（combo box 或者data grid）的工作。同时，你还可以使用各种方式来将这些组件与数据联系起来，如使用数组、收集对象、数据模型、以及外部XML 数据资源，等等。

 

 

下图是一个MXML的简单例子，点击确定按钮后会弹出一个提示框：

 

• 基础语法

ActionScript实现了面向对象编程（OOP）的支持，一个MXML是一个对象，MXML中的一个标签（比如button、textInput）也是一个对象，对于学习过JAVA、C#等面向对象语言的程序员上手非常快。

         AS的关键字与JAVA相似，但是方法、变量的定义有所不同，AS的定义方式为：【对象名:对象类】【方法名():返回类型】的格式，下面是一个简单的AS类：

 

package demo
{
	import mx.core.IButton;
	import spark.components.Button;

	//定义类Demo，继承实现类和接口
	public class Demo extends Button implements IButton
	{
		//构造函数
		public function Demo()
		{
			super();
		}
		//常量
		public  static const NAME:String = "name";
		//变量
		private var names:String;
		//带参方法
		protected function demoMethod(value:int):int{
			return value;
		}
		//无参方法
		public function getButton():Button{
			return new Button();
		}
	}
}

 上面是一个独立的AS类，一个独立的类文件命名为：类名.as。

 在MXML的