一步一步学Flex系列（1）：创建一个基本的Flex应用

一步一步学 Flex 系列（ 1 ）：创建一个基本的 Flex 应用

FLEX3版本发布了，无论从ActionScript3还是Air都给我们带来了很多的惊喜，全面支持AIR、代码重构、内存和性能分析器 (profilers)、高级Datagrid组件、Web service introspection　Web服务的内省一系列新特性更是给我们带来了不少惊喜。《一步一步学Flex 3系列》文章将从Flex3基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Flex3的开发。

  本文为系列第一篇创建一个基本的 FLEX 3 应用，不能免俗，从最简单的 Hello Word 开始。

 

建立项目

    安装完 Flex 3 之后打开 Flex ，打开新建项目对话框，可以看到 Flex 3 Application 项目模板。

       要想让 Flex 3 运行，在之后的对话框中可供我们建立一个 Web Application 或 Desktop Accplication 前者需要 Flash Player9 的支持 , 后者则需要 Adobe AIR 支持。我们在这示例中先用 Desktop Application 类型

  项目存放目录 

 

 

  接下来配置输出目录

 

 

 

 

 

 

创建完成之后项目结构如下图所示：

   

 

 

理解MXML文件

在建立一个Flex应用程序后，我们什么都不做，可以看到在资源管理器中有一个.MXML文件。

该文件是一个纯粹的xml描述文件和ActionScript。   Flex 3 Builder已经自动给我们打开了 HelloWorld.mxml文件

 

 

 

 

 

 

 

 

 

  可以看到该文件遵循 XML 规范　并以 <mx:WindowedApplication> 标签为根

创建一个HelloWorld　程序

现在我们创建一个简单的 Hello Word Flex 程序，使用如下 MXML 创建一个简单的按钮 ： 运行后效果：

为按钮添加click事件，在MXML编辑器中输入事件名称click之后，我们键入: click="mx.controls.Alert.show('Hello World!', 'OIDN.NET')" 再运行上面的程序并单击按钮，将弹出标题为OIDN.NET的对话框 Hello World

 

 

 

结束语

本篇文章是使用 Flex Builder 3 开发 Flex 应用程序的一个入门。

 

[本日志由 刘万林 于 2008-06-14 10:27 AM 编辑] 文章来自: 本站原创 引用通告地址: http://www.oidn.net/blog/trackback.asp?tbID=271&action=view Tags: flex3 flex3 flex2 flex2 flex flex flex 3 flex 3 flex 2 flex 2 ActionScript ActionScript ActionScript 3 ActionScript 3 一步一步学FLEX 一步一步学FLEX FLEX学习 FLEX学习