Macromedia Flex 教程: Flex入门教程

日期：2007年7月8日作者：查看:[大字体中字体小字体]

MXML类库

Flex既包含控制和容器等可见的组件，也包括了远程服务对象和数据模型等的不可见组件。你可以在后面的介绍中得到详细的信息。

运行时服务

Flex提供了多项运行时服务，如：历史控制和远程服务连接对象。以开发的角度看，这些服务都是对类库的调用。

编译器

Flex编译器会在收到一个浏览器访问MXML文件的请求后，自动编译生成相应的SWF文件。该SWF文件将被缓存，直到你修改了源MXML文件。

创建应用程序

在这个简单的购物车中，我们显示一个咖啡品牌的列表（类似于HTML的select）。使用数据绑定功能在下面显示当前选择的品牌的说明，还有一个添加到购物车的按钮，当按钮被按下后，该品牌的咖啡便会被添加到购物列表中。

图1. 教程创建的Flex应用程序

这个教程的目的是为了学习使用：

Application (应用程序)类
Panel (面板)容器
Script (脚本)元素
Array (数组)元素
Object (对象)元素
Label (标签)元素
Text (文本框)元素
Button (按钮)控件
ComboBox (下拉列表)控件
List (列表)控件
一个ActionScript函数

创建Application（应用程序）对象

任何一个Flex程序都是以XML声明开始和Application标记的。Application标签包含一个MX类库命名空间的声明：xmlns:mx="http://www.macromedia.com/2003/mxml" 。引用该类库的所有标签必须以mx作为前缀。

1. 创建一个新文件，然后保存为 firstapp.mxml，位于flex_tutorials目录下
2. 在文件的开始处，插入XML声明：
<?xml version="1.0"?>
3. 在XML声明后，添加带命名空间的Application标签：
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
</mx:Application>

应用程序布局：添加一个面板

通常你可以将Flex应用程序中可见的组件放置于容器中，容器提供了绑定文本、控件、图像和其他媒体类型的元素。在这里，你可以使用称为“面板”(Panel)的容器，它可以提供大部分应用程序需要的全部外壳。你还可以使用面板的title(标题)属性，修改面板上方自动包含着的标题榄的文字。

4. 在Application标签内部，添加一个Panel标签，title属性为"my First Flex App"

<mx:Panel title="My First Flex App">
</mx:Panel>

添加一个显示标题的Label元素

Label元素可以用来显示单行文本。它有一些属性，这里用到的是text（文本）属性，定义Label显示的内容。

5. 在Panel标签内，插入一个带有文本属性的Label标签，如下：<mx:Label text="Coffee Blends"/>

6. 保存文件，预览一下程序

添加一个定义咖啡品牌的数组对象

本程序的数据模型是一个简单的数组（内容是一系列的对象），你可以直接在程序中用Array和Object元素创建。这里每个数组单元对象都有两个属性：label和data，你可以将这两个属性写成对象的子标签。用这两个属性名称是为了提供给ComboBox和List这样的控件元素使用，稍后我们会介绍。

这些控件元素可以使用更加复杂的数据对象，但是既然现在是手工创建数据模型，我们就使用简单的形式。通常的语法是：

<mx:Array id="identifier">
上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页
Macromedia Flex 教程: Flex入门教程相关文章：
·非主流ps教程实用的技巧大全
·Fireworks教程液体金属表面特效制作
·Fireworks教程:立体质感水晶的制作过程
·非主流ps教程:制作红绿色调效果
·Photoshop液化滤镜校正歪斜的人物头像教程
·CSS教程:CSS中的定位（position）
·Flash制作交互动画教程星座查询器
·Photoshop教程绘制可爱半透明圣诞帽
·Photoshop教程图层样式的学习
·简易边框制作Photoshop教程
Macromedia Flex 教程: Flex入门教程相关软件
·小说语文教学（集）
·《反恐精英》1.6版AK练习法教学视频下载
·《刺客教条》最新截图动作游戏
·《音乐教室》(Sveerz Deluxe)游戏试玩
·香港教父
·怪叔叔WII游戏教程之六-勇者斗恶龙
·PSP自动更换壁纸插件及教程
·《反恐》fnatic.dsn AWP教学视频
·PS教程
·《细胞分裂：双重间谍》简体中文教学版试玩

上一篇:学习Fireworks教程：组合路径功能小解

下一篇:ASP与Flash8联合打造简单新闻评论系统

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

Macromedia Flex 教程: Flex入门教程

精品推荐

热点TOP10

特别推荐