Flex 开发入门
Flex 开发入门
级别： 初级
刘 庆 (qlcdl@cn.ibm.com), 软件工程师, IBM 软件开发中心
2009 年 1 月 07 日
本文介绍 Flex 开发的基础知识：包括如何搭建开发环境，如何调试，以及如何建立和部署简单的 Flex 项目。通过本文的学习，可以为您将来深入地学习 Flex 打下良好的基础。
开始之前
Flex 作为富 Internet 应用（RIA）时代的新技术代表，自从 2007 年 Adobe 公司将其开源以来，Flex 就以前所未有的速度在成长。很多公司，包括 IBM 都纷纷加入了 Flex 开发的阵营当中。很多开发人员也按捺不住 Flex 的“诱惑”而准备从事 Flex 开发。本文主要讲述 Flex 开发的基础知识，主要是关于开发环境的搭建，以及介绍简单的 Flex 项目创建、编码、调试以及部署的过程和 Flex 编程的基本知识。通过本文的学习，您将会学习如何搭建 Flex 基本的开发环境以及开发、调试和部署方面的基础知识。为您以后深入系统的学习 Flex 打下良好的基础。
要学习本文，您需要有一定的 Web 编程经验和 Eclipse FireFox 使用经验。
代码示例和安装要求
本文所有示例均在 Windows XP SP3 系统中测试完成。您需要一台能流畅运行 Windows XP 系统的机器，除此之外您还需要一些工具才能试用本文中的代码。所有这些工具都可以免费下载（参见 参考资源）：
Java SDK 1.5 或更高版本
Tomcat 6.0 或更高版本
Eclipse 3.3 或更高版本
Flex Builder 3.0 或更高版本
FireFox2.0 或更高版本
回页首
安装配置开发环境
接下来我们便迫不及待的开始吧！首先搭建我们的开发环境，为了减少因为环境不一致而引起的问题，建议读者使用与本文相同的软件版本：
下载 并安装 JDK( 本文使用版本为 Sun JDK 6) ；
下载 并解压 Eclipse( 本文使用版本为 Eclipse Ganymede J2EE 版本，含 WTP 插件 );
下载 并安装 Flex Builder Eclipse 插件版 ( 本文使用的 Flex Builder 版本为 3.0.1);
下载 并安装 Tomcat( 本文使用版本为 Tomcat6.0.18);
下载 并安装 FireFox( 由于 Flex3.0 和一些插件的兼容性问题，本文使用 FireFox2.0.0.17)
小提示
Flex Builder 提供两个版本，一个是 All in one 的版本，另外一个是 Eclipse 的插件版，All in one 的版本内置了一个 Eclipse 的基本核心，插件不全。所以我们采用单独下载 Eclipse 和安装 Flex Builder 插件版的方式。另外在安装过程中不要安装 FlashPlayer 到 IE 或者 FireFox 上。我们在接下来的步
相关文档：
Flex Alert组件使用方法，通过Alert.show(......)方法调用
Alert.show(content,title,flags,parent,closeHandle,iconClass,defaultButtonFlag);
Flex Alert组件内容
Content:提示内容
title:提示框标题
flags:指定出现的按钮
0--OK按钮，
1--Yes按钮
2--No按钮
3--Yes,No按钮 ......
A client asked me to do something seemingly simple.
"I want the Alert to have just this one sentence bolded."
Well, it's not exactly simple, so here's how you do it:
there are two solutions as below :
import mx.core.IUITextField;
use namespace mx.core.mx_internal;
message +="Press ......
[Bindable]大概又是Flex用得最多的元数据了。刚开始用用确实好简单，效率真是没的说。不过这几天用着却碰到了些问题，我自己搜集了些资料，
想着有必要在blog里总结一下吧。
啥是元数据（metadata）
知道就跳过吧。今天不晓得为什么
livedoc.adobe.com这么慢，没办法，拿不到权威的解释了。我就按自己的理解随便解释一� ......
module 接口文件 PictureWindowInterface.as
package
{
public interface PictureWindowInterface
{
function setSelectIndex(index:int):void
}
}
moudule 文件 PictureWindow.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml ......
Flex Chart 虽然有提供完整的试用功能
不过编译完成的图表会加上水印
“Flex Data Visualization Trial”的字样。
既然是 AS，那事情就简单了
只要在 Flex Project 內加上以下 Class：
一定要创建mx.charts.chartClasses，覆盖FLEX自带的ChartLicenseHandler
package mx.charts.chartClasses { ......
