Flex学习笔记(一)

简介:

   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>

 
200742601.JPG

发布应用时只需要把bin目录下除了main-debug.html, main-debug.swf(这两个文件是用于Debug模式下的)以外的文件拷贝到Web服务器就可以访问了。


本文转自Phinecos(洞庭散人)博客园博客,原文链接:http://www.cnblogs.com/phinecos/archive/2007/04/26/728381.html,如需转载请自行联系原作者

目录
相关文章
|
JavaScript 容器
什么是Flex
1:屏幕和浏览器窗口大小发生改变也可以灵活调整布局; 2:可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间(伸缩容器额外空间),从而调整伸缩项目的大小; 3:可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间; 4:可以指定如何将垂直于元素布局轴的额外空间分布到该元素的周围; 5:可以控制元素在页面上的布局方向; 6:可以按照不同于文档对象模型(DOM)所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重排伸缩项目顺序。
124 0
|
前端开发 容器
flex从总结到了解
flex 是一种布局方式,在 CSS3 之后开始有。它主要由父容器和子项组成
195 1
flex从总结到了解
|
XML JavaScript 数据格式
|
XML JavaScript Java
|
Web App开发 JavaScript Java
flex学习
早就想弄个flex的东西了...总是没有心情弄..有的时候项目让人心力憔悴...   最近,,想着是破罐子破摔..弄点别的东西...换个心情..然后在去弄下项目...(已经快接近尾声了)   总是在开发的第一线..技术上面什么都弄..公司里面还要应付其他同事的问题...   能帮助别人就帮助吧..本人也没有别的什么有点..就代码上面略有研究.(投入的时间多了自然就有所领悟了)   1,先弄个s
1311 0
|
XML Java 数据格式
Flex 4 advancedDataGrid的使用
参考 http://www.cnblogs.com/xuehai/archive/2009/09/26/1574531.html                                                                                     ...
1416 0
Flex学习笔记(Day 2)
LineChart ViewStack控件 //一种方法 var url:String; url = "http://www.
708 0