Macromedia Flex 教程: Flex入门教程

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

添加一个增加咖啡品牌到购物栏的按钮

Button控件很简单。它有一个label的属性来设置显示的文字，还有一个click事件，用来指定鼠标点击事件的处理动作。

在这里，我们添加一个按钮，通过调用一个addToCart函数，把ComboBox中选择的项目添加到购物栏中。我们将在后面创建这个函数。

10. 添加一个显示“Add to Cart”的按钮，被点击后调用addToCart函数：

<mx:Button label="Add to Cart" click="addToCart()"/>

给购物车添加一个List（列表）控件

List控件和ComboBox唯一的区别是它能同时显示和选择多条项目。这里用的List不需要指定dataProvider属性了，因为它在用户添加数据前是空的。

11. 在按钮之后，添加一个List控件，id取为cart:

<mx:List id="cart"/>

添加一段处理按钮点击事件的脚本

教程的最后一步是添加一段ActionScript脚本，用来处理按钮的点击事件。在这个简单的应用程序中，我们在Script标签中添加脚本。

Script标签中的ActionScript代码将被包含在 <![CDATA[ ]]> 里面，这个标志里面的内容不被XML解析器解析。这个是标准的XML用法，在这里是为了保护ActionScript的一些可能会被XML解析器误处理的一些字符（如<等），实际上这样不仅保护了这些字符，也省去了XML解析器解析ActionScript内容。

这里用到的ActionScript语法很简单，函数的通常语法是：

function 函数名(参数1:数据类型...):返回数据类型
{
[ActionScript 语句]
}

在addToCart函数中，使用List类的addItem方法添加项目。该方法需要有label参数和data参数，这些参数正好是ComboBox中选中的项目的label属性和data属性。

12. 在Array标签之后，插入一个带有CDATA包装的Script标签：

<mx:Script>
<![CDATA[]]>
</mx:Script>

13. 在CDATA里面，添加一个名为addToCart不返回任何值的函数：

function addToCart():Void
{
}

14. 在函数体内部，使用List类的addItem方法将ComboBox中所选项目label属性和data属性添加到List上。

cart.addItem(coffeeCombo.selectedItem.label,coffeeCombo.selectedItem.data);

15. 保存文件，在浏览器中预览应用程序（查看浏览MXML文件的方法见第一页）

firstapp.mxml完整的代码：

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" >
上一页 [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

特别推荐