Flex精华摘要 1：如何开始

来源：百度文库 编辑：神马文学网 时间：2024/07/08 16:42:14
你至少需要了解两种语言才能开发Flex应用程序：MXML和ActionScript。MXML是一种XML标记语言，主要用来设置Flex的用户界面，还包括一些不可见的元素，例如访问数据源、数据绑定等。ActionScript是一种面向对象的编程语言，采用ECMAScript第4版的标准，用来完成程序逻辑和响应用户的交互。
和HTML的方式一样，MXML定义了相关的标记来表示不同的用户界面，区别的是比HTML更严格和有着更丰富的标记集。例如，MXML既包含了一些可视组件如Tree、Data Grid、accordions和menu，也包含了WebSerivce连接、数据绑定、动画效果等不可视的组件。你甚至可以通过定制自己的组件来扩展MXML标记。
MXML和HTML最大的区别之一是MXML页面会被服务器编译成SWF文件，并通过FlashPlayer播放，提供了更强和更丰富的动态用户界面。
你可以在一个或多个文件中编写MXML应用程序，MXML支持定义的组件，这些组件可以是MXML文件、AS文件或者使用FlashMX2004创建的文件。在一些MXML标记中，可以包含对外部文件的引用。例如，你可以通过标记的source属性来包含一个外部的AS脚本文件。
MXML支持多种方式的外部文件引用，如
//1. 使用绝对地址

//2. 使用◎ContextRoot

//3. 使用根目录引用方式

//4. 使用相当路径引用

最简单的Flex应用程序
很多编程语言的第一个例子都是编写Hello，World。MXML的Hello，World！程序也很简单


marginLeft=‘10‘ marginRight=‘10‘ >



是MXML的文件申明，必须写在文件的第一行
是MXML文件的根标记
就是MXML的组件标记之一，text color fontSize 是Label组件的属性。
下面一个例子显示了更为复杂的用户界面

marginLeft=‘10‘ marginRight=‘10‘ >





Item 1
Item 2
Item 3

















显示效果如下

在Flex应用程序中，也有事件的响应属性。最简单如鼠标单击事件。

marginLeft=‘10‘ marginRight=‘10‘ >




单击Submit按钮后Textarea中显示内容为：‘Hello World‘
更加规范化的写法是使用脚本定义函数调用


function hello(){
textarea1.text=‘Hello World‘;
}
]]>

marginLeft=‘10‘ marginRight=‘10‘ >




如果希望多个组件之间可以绑定数据的话，在Flex中可以简单的实现，请注意，在属性中使用{ }标记就表示其中包含的是表达式，而不是字符串。下面的例子，如果textinput文本框的内容改变，textarea中的内容也会随之变化。

marginLeft=‘10‘ marginRight=‘10‘ >





Flex可以和本地或者是远程服务器端的逻辑进行交互，其方式可以通过如下方式之一：
1 : WebService 提供基于SOAP的web服务访问
2 : HTTPService 提供了基于 HTTP访问和数据返回
3 : RemoteObject 基于AMF协议访问Java对象
Flex精华摘要 1：如何开始 Flex精华摘要 2(1)：基本MXML功能 Flex精华摘要 4：使用AS脚本 Flex精华摘要 3：基本语法 Flex精华摘要 2：基本MXML功能 flex cms-开始深入地研究flex 《股票作手回忆录》精华摘要1 如何写好摘要1 《富、穷爸爸》精华摘要 《富爸爸、穷爸爸》精华摘要 《富爸爸、穷爸爸》精华摘要 如何写好摘要 如何写好摘要 如何写摘要 如何写摘要 Flex特效汇总（1） 4月1日国内三大证券报纸头版及头条内容精华摘要 股票作手回忆录》精华摘要 《股票作手回忆录》精华摘要 《股票作手回忆录》精华摘要 3月12日三大证券报纸头版头条内容精华摘要 《台湾高手刀疤老二经验谈》精华摘要 如何接待客户精华总结1 《宁波高手》摘要1