您的位置: 首页 > 技术文档 > 多媒体制作 > Flex 入门教程
个性化我的Flash 回到列表 FCS阅读笔记:良好的编程习惯
 Flex 入门教程

作者:Robert Crooks 时间: 2004-08-23 文档类型:原创 来自:蓝色理想

第 1 页 Flex 入门教程 [1]
第 2 页 Flex 入门教程 [2]
第 3 页 Flex 入门教程 [3]
第 4 页 Flex 入门教程 [4]
第 5 页 Flex 入门教程 [5]

Macromedia Flex 教程: Flex入门 (1)

创建第一个Flex应用程序

作者:Robert Crooks (Macromedia培训小组)
翻译:MoonFun.qhwa

轉載請註明來自藍色理想

在本教程中,你可以阅读到Flex的简单介绍,还可以利用MXML创建一个简单的分类购物车,从而学习到Macromedia Flex应用程序的基本构成。你将会学到:创建一个应用程序、添加一个布局的容器、添加控件、创建与控件关联的简单数据模型,以及利用ActionScript对事件进行处理。

本文是Robert Crooks编写的四步Flex入门系列的第一部分,Robert Crooks现就职于Macromedia客户培训部门

Flex 入门 (2):创建一个Flex计算器
Flex 入门 (3):使用容器
Flex 入门 (4):使用数据模型

点击这里下载整个系列教程: Flex入门系列(144KB)

如果你需要更加详细的信息,Macromedia客户培训小组提供了为期两天的在线培训课程:《利用Flex开发丰富的互联网应用程序》,教你快速学习Flex应用程序开发。 让我们开始吧!

如果你是一个XML新手,请记住下面的基本规则

如同所有的XML语言一样,在MXML中,标签和属性都是区分大小写的;
所有的属性值必须用双引号(")或单引号(包含

所有的标签必须是闭合的。没有子标签的标签可以以斜杠直接结束,而无需额外的结束标签:

<mx:Label text="Hello"></mx:Label>

<mx:Label text="Hello"/>

如果你是一个ActionScript新手,你可以发现它的语法和你熟悉的语言的语法很相近,比如JavaScript或者Java。请记住这些基本的规则:

ActionScript是区分大小写的
语句必须以分号(;)结尾

本教程包含的内容:

1. Flex简单介绍
2. 如何使用Application (应用程序)标签
3. 如何使用Panel (面板)容器
4. 如何使用Label (标签)控件
5. 如何使用Text (文本)控件
6. 如何使用Button (按钮)控件
7. 如何使用ComboBox (下拉列表)控件
8. 如何创建一个数组对象
9. 如何绑定数据到控件对象
10. 如何用ActionScript处理用户事件

准备条件

完成本教程必须具备的软件和文件:

Macriomedia Flex

(可以在Flex支持的平台和服务器上安装运行)试用版的Flex只有光盘供应,请从Macromedia销售处购买,售价$8.99. 试用版的相关信息,请访问: Flex常见问题

试用 购买

Dreamweaver MX 2004 或其他文本编辑器(例如记事本),用来编辑XMLActionScript代码

试用 购买

准备知识:

阅读Flex简介
会浏览一个Flex应用程序

出处:蓝色理想
责任编辑:蓝色

上一页 下一页 Flex 入门教程 [2]

◎进入论坛Flash专栏版块参加讨论

相关文章
Macromedia Flex 1.5 提供下载
Macromedia Flex 标记语言简介
Macromedia Flex Builder 发布
Macromedia Flex 安装注册方法
作者文章
Flex 入门教程
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
safari 4 新特性
Photoshop制作精美高光流线字
IE下img多余5像素空白解决方法
XHTML1.0与HTML兼容指引16条
JavaScript优化细节
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
Photoshop打造个性潮流音乐海报
CSS盒模型
45度地图编辑器及游戏开发心得
>> 分页 首页 前页 后页 尾页 页次:1/51个记录/页 转到 页 共5个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 9 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 2.50


sepwoods Publish at 2009-3-3 22:17:56
还好,多多参考了很多资料。嘿嘿。
sasumi Publish at 2009-2-20 12:31:35 评分1
天哪。。錯誤一大堆。 。
樓上的。 mxml 不是執行文件 =__= 比我還笨。。嘎嘎
autodesker Publish at 2008-10-28 13:48:18
mxml要编译成swf的

tylhappy Publish at 2008-10-19 16:01:01
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<!-- data model -->


<mx:Array id="coffeeArray">
<mx:Object label="readsea" data="readsea" />
<mx:Object label="readsea1" data="readsea11" />
<mx:Object label="readsea2" data="readsea22" />
<mx:Object label="readsea3" data="readsea33" />
</mx:Array>


<mx:Script>
<![CDATA[
import mx.controls.listClasses.ListRowInfo;
import mx.controls.Text;
import mx.controls.Alert;


import mx.collections.ArrayCollection;


public function addtolist():void {
if(cart.dataProvider == null) {
cart.dataProvider = new ArrayCollection();
}


ArrayCollection(cart.dataProvider).addItem(coffeeCbo.selectedItem.data);
}
]]>
</mx:Script>


<mx:Panel title="我的测试程序" width="455" x="10" y="10"
height="347" fontSize="15">
<mx:Label text="咖啡"/>
<mx:ComboBox id="coffeeCbo"
dataProvider="{coffeeArray}"/>
<mx:Text text="描述:{coffeeCbo.selectedItem.data}"/>
<mx:Button label="添加" click="addtolist();"/>
<mx:List id="cart" width="150"/>
</mx:Panel>
</mx:Application>

tylhappy Publish at 2008-10-19 15:59:38
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
[Bindable]
public var cartArray:Array=[];

public function addToCart():void
{
//var obj:Object=new Object();
//obj.label=coffeeCombo.selectedItem.label;
// obj.data=coffeeCombo.selectedItem.data;
var s:String=String(coffeeCombo.selectedItem.label)+","+String(coffeeCombo.selectedItem.data);
cartArray.push(s);
validateNow();
// cart.addItem(coffeeCombo.selectedItem.label,coffeeCombo.selectedItem.data);
}
]]>
</mx:Script>
<!-- data model -->
<mx:Array id="coffeeArray">
<mx:Object label="Red Sea" data="Smooth and fragrant"/>
<mx:Object label="Andes" data="Rich and pungent"/>
<mx:Object label="Blue Mountain" data="Delicate and refined"/>
</mx:Array>
<!-- view -->
<mx:Panel title="My First Flex App">
<mx:Label text="Coffee Blends"/>
<mx:ComboBox id="coffeeCombo" dataProvider="{coffeeArray}"/>
<mx:Text text="Description: {coffeeCombo.selectedItem.data}"/>
<mx:Button label="Add to Cart" click="addToCart()"/>
<mx:List id="cart" dataProvider="{cartArray}"/>
</mx:Panel>

</mx:Application>

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

Flower 毕业设计。 Lenovo 某软件界 Malata mobile show 华硕(Asus)手机 Zt23 华硕(Asus)手机 Zt23 华硕(Asus)手机 Zt23 软件公司