Flex组件包括:1)Flex 2 SDK(包含Compiler和Framework)。2)Flex Builder 2(集成的开发环境)。3)Flex Data Services 2(基于J2EE的应用程序,它提供了数据和通信服务)。
Flex应用程序简单地理解就是将.swf格式的Flash文件包装到HTML页面中的应用程序,它需要客户端安装有Flash Player 9,并且让开发者能够完全地使用Flash的绘画API.开发时使用ActionScript3。
创建一个Flex应用程序:1)选择预定义的可视化组件。2)在用户接口上布局组件并使之美化。3)增加事件处理和ActionScript代码来控制程序行为。4)连接到数据和通信服务上。
安装好Flex的开发环境后,SDK下的samples里面带了几个示例应用程序,可以研究下。
下面就来开始开发第一个程序,当然是经典的”Hello,Flex”。
<?
xml version="1.0" encoding="utf-8"
?>
< mx:Application xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute" backgroundGradientColors ="[#80ffff, #008040]" >
< mx:Script >
<![CDATA[
var strInfo:String = "Hello,Flex";
function btnClicked():void
{
this.lbHello.text = strInfo;
}
]]>
</ mx:Script >
< mx:Label id ="lbHello" x ="161.5" y ="115" width ="144" height ="38" fontSize ="20" fontWeight ="bold" color ="#ff0000" fontFamily ="Georgia" />
< mx:Button x ="175.25" y ="237" label ="确定" width ="116.5" height ="34" fontSize ="16" id ="btnOK" click ="btnClicked()" />
</ mx:Application >
< mx:Application xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute" backgroundGradientColors ="[#80ffff, #008040]" >
< mx:Script >
<![CDATA[
var strInfo:String = "Hello,Flex";
function btnClicked():void
{
this.lbHello.text = strInfo;
}
]]>
</ mx:Script >
< mx:Label id ="lbHello" x ="161.5" y ="115" width ="144" height ="38" fontSize ="20" fontWeight ="bold" color ="#ff0000" fontFamily ="Georgia" />
< mx:Button x ="175.25" y ="237" label ="确定" width ="116.5" height ="34" fontSize ="16" id ="btnOK" click ="btnClicked()" />
</ mx:Application >
发布应用时只需要把bin目录下除了main-debug.html, main-debug.swf(这两个文件是用于Debug模式下的)以外的文件拷贝到Web服务器就可以访问了。