Flex学习笔记(一)
来源:互联网 发布:手机上淘宝网开店视频 编辑:程序博客网 时间:2024/05/21 12:11
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服务器就可以访问了。
- Flex学习笔记(一)
- Flex学习笔记(一)
- flex 学习笔记(一)
- Flex学习笔记(一)
- Flex + Hessian 学习笔记(一)
- Flex学习笔记(一)
- Flex学习笔记(一)
- FLEX&BISON学习笔记(一:语法)
- Flex笔记(一)
- flex学习笔记(一)as3中添加组件
- Flex + Papervision3D 开发3DFlash学习笔记(一)
- Flex权威指南3学习笔记之一------界面知识(一)
- Flex企业应用开发实战学习笔记(一)
- Flex企业应用开发实战学习笔记(一)
- Flex学习笔记(一)——Hello World
- Flex布局之学习笔记一(容器属性)
- Flex学习(一)
- flex学习一
- C++ Exercises(一)
- 直线的生成算法
- OpenGL入门笔记(十)
- (转)Flex及Apollo开发资源汇总
- (转)Flex 常见问题解答
- Flex学习笔记(一)
- OpenGL入门笔记(九)
- OpenGL入门笔记(八)
- OpenGL入门笔记(七)
- OpenGL入门笔记(六)
- OpenGL入门笔记(五)
- OpenGL入门笔记(四)
- OpenGL入门笔记(三)
- OpenGL入门笔记(二)