- 浏览: 250873 次
- 性别:
- 来自: 厦门
-
文章分类
最新评论
-
topbox163:
图片显示不了
Flex 学习曲线图 -
彭利贤:
你好,想请教您一些关于flash的问题,您可以加我qq吗 59 ...
全屏flash的尺寸分析 -
jingj6:
是开源的吗?
小日本做的非常强大的一款AS3 3D引擎 -
hugh52066:
LZ牛B。
Flex 学习曲线图 -
sweed0:
a dream~~
一个让人瞠目结舌的传奇电脑高手!
目录
- 用MXML和ActionScript 编程
- 创建第一个程序
- 处理事件
- 定位和布局Flex组件
- 嵌入程序资源
Adobe?把Flex作为一个ActionScript类库实现。这个类库包含组件(容器和控件)、管理类、数据服务类、以及所有其他特性的类。你通过带有类库的MXML 和 ActionScript来开发应用程序。
MXML
MXML是一个XML语言,你可以使用它来为Adobe? Flex?应用程序布局用户界面。也可以使用MXML来定义程序的非可视组件,比如访问服务器端数据源和用户界面组件与数据源之间的数据绑定。
比如,你可以使用如下的MXML语言,通过
<mx:Button>
标签创建一个按钮控件实例:<mx:Button id="myButton" label="I'm a button!"/>
你可以设置id属性给些按钮实例一个唯一的名字,随后你可以通过id属性引用这个实例。label属性设定在按钮实例上显示的文本。
下面的例子展示了创建一个显示按钮控件的Flex程序的完整代码:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalAlign="center" > <mx:Button id="myButton" label="I'm a button!" /> </mx:Application>
在写了一个Flex程序之后,你必须使用Flex编译器编译它。Flex编译器是一个叫mxmlc的小型可执行文件,位于Flex 2安装文件夹Flex SDK 2.0bin 之下。
提示: 确保 Flex 2安装文件夹Flex SDK 2.0bin 在你系统路径中。如果Flex编译器存在于你的系统路径,你可以通过命令行调用它,不管你的当前目录在哪。
操作规程
1. 用常用的文本编辑器新建一个文件 (比如, 记事本)并保存为 MyFirst.mxml。
2. 把前面的例子输入MyFirst.mxml,保存文件。
3. 选择 开始>所有程序>附件>命令提示符 打开命令行窗口。
4. 切换到包含步骤1中创建的Flex 程序的文件夹。
5. 键入以下命令调用Flex编译器:
mxmlc --strict=true --file-specs MyFirst.mxml
命令中以两个短划线开头的两个元素就是编译器选项,用来定义Flex编译器的行为。在前例中,设定 --strict 选项为true 强制编译器为精确模式。在精确模式中,编译器高度期望你的代码。比如,它认为你静态键入变量。使用--file-specs 选项指定编译的MXML文件。
6. 你可以在IE浏览器中双击打开编译产生的SWF文件,或在命令行键入文件名用独立的Adobe Flash Player 9播放器打开。
![command_prompt.gif](http://www.adobe.com/devnet/flex/quickstart/coding_with_mxml_and_actionscript/images/command_prompt.gif)
提示: 你也可以使用Adobe Flex Builder 2创建和编译Flex程序,Adobe Flex Builder 2是一个带有可视化视图的Flex集成开发环境(IDE)。有关Flex Builder 2更多信息,请看 使用Flex Builder 2 。
ActionScript
MXML标签对应ActionScript类或类道具。当你编译Flex程序,Flex分析MXML标签并生成对应的ActionScript类。然后编译器把这些ActionScript类编译成存储在SWF文件中的SWF字节码。
提示: 要查看Flex生成的中间ActionScript文件,在mxmlc 命令中加入 --keep-generated-actionscript 选项。
继续上面的例子,Flex提供了定义Flex按钮控件的ActionScript 按钮类。
注意: 前例中,
<mx:Button>
标签里的mx前缀是名字空间。它通过使用程序标签中唯一的URL指定。mx前缀把mx名字空间里每一个组件映射到它的全限定类名上。这就是Flex编译器如何在mx名字空间中找到ActionScript类对应的MXML标签的。下面的例子示范了如何使用ActionScript创建按钮控件。结果和使用MXML的一样。
<?xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/GettingStartedActionScript/index.html" creationComplete="creationCompleteHandler();" width="300" height="80" > [CDATA[ import mx.controls.Button; import mx.events.FlexEvent; private var myButton:Button; private function creationCompleteHandler():void { // Create a Button instance and set its label myButton = new Button(); myButton.label = "I'm a button!"$$ // Get notified once button component has been created and processed for layout myButton.addEventListener (FlexEvent.CREATION_COMPLETE, buttonCreationCompleteHandler); // Add the Button instance to the DisplayList addChild (myButton); } private function buttonCreationCompleteHandler ( evt:FlexEvent ):void { // Center the button myButton.x = parent.width/2 - myButton.width/2; myButton.y = parent.height/2 - myButton.height/2; } ]]>
当通过ActionScript创建Flex组件时,必须导入组件的类。也必须使用addChild()程序把组件加入到程序的DisplayList中使其可见。通过比较此例与相同MXML版本的长度与复杂度, 你可以看到简单、基于标签、声明式语法的MXML语言是如何节省你编写多行ActionScript代码来布局组件的时间的。
注意: 此例示范了带Script标签的内嵌ActionScript的用法,它是在你Flex程序中引入ActionScript的一个可能方法。其他方法有把Script模块分离到外部ActionScript文件中或使用ActionScript类。
更多信息...
有关MXML和ActionScript更多信息,请参见Flex 2 开发指南 的"Developing applications in MXML," "MXML Syntax,"和"Using ActionScript" 章节。
关于作者
Aral Balkan喜欢表演和唱歌,他领导开发团队,设计用户体验, 是富互联网应用的体系结构设计师,并且运行OSFlash.org 网站,伦敦Macromedia用户组,还有他的公司 Ariaware。 他喜欢谈论设计模式并在书和报纸上发表。他也是Arp的作者, Flash平台上的开源RIA架构。 Aral十分固执,有活力和充满热情。他喜欢笑,甚至能边嚼口香糖边走路。
发表评论
-
Flex 学习曲线图
2009-12-01 22:30 7518Flex 的基础架构 关 ... -
使用Adobe Flex 3开发大型多人在线游戏
2009-09-13 20:17 2764大型多人在线游戏 (MM ... -
一款免费的Flex可视化组件Kap lab
2009-04-24 14:21 2627Kap lab 是一款基于AS3的可视化Flex组件,组 ... -
BuildMarker - 强烈推荐FlexBuilder记录Build号插件
2009-04-16 14:29 1121说来很郁闷的,一直以来,FlexBuilder 没有能记录每个 ... -
Tour de Flex 1.2 版本更新
2009-03-31 23:12 1390Adobe官方公布了Tour de Fle ... -
全屏flash的尺寸分析
2009-02-20 10:04 2498随着现在宽屏显示器的 ... -
Adobe发布Distributable Player Solution
2009-02-19 10:01 879Distributable Player Solution 一 ... -
AdvancED ActionScript 3.0 Animation中文版(更新1-3,5,9)
2009-02-19 09:43 2116想学FLEX 或者 ActionScript 3.0 的童鞋们 ... -
Flex代码格式化插件
2009-02-03 22:13 4386之前的学习笔记中有童鞋问到Flex Builder 怎么格式化 ... -
Flex一周视频培训中文翻译(Adobe官方视频)
2009-01-20 15:48 5407最近一直在关注FLEX, ... -
Flex3 CookBook 简体中文
2009-01-20 10:11 1727经过常青等人的辛勤翻译终于发布了<Flex3 CookB ... -
修改flex chart中Legend的字体样式
2009-01-16 11:17 4857最近在弄FLEX的图表, 发现CHART 中的Legend ... -
AS3及Flex的百条常用知识
2009-01-06 22:21 1761【改变输出swf的尺度,背景颜色或帧频】 在"N ... -
Flex + LCDS + Java 入门教程
2008-12-15 23:45 4872转至 http://www.riachina.com/ ... -
FDT 3.1 Beta--又一个Flash RIA开发工具
2008-08-05 09:14 2601Powerflasher最近发布了独立的FDT 3.1 bet ... -
关于使用JS的一点困惑
2008-07-21 14:30 1441最近在开发数据转换组件,需要写很多的 JavaScr ... -
Java混合化现状和RIA趋势分析
2008-07-20 22:49 2281作者: Bruce Eckel ... -
Flasheezy:免费Flash资源站点
2008-07-17 22:33 1229Flasheezy 是一个提供免费Flash资源站点。 ... -
Flex4可以下载了
2008-07-16 09:06 1983刚在这里 看到了FLex4可以下载的消息。 下载地址: h ... -
迎接Flex
2008-07-14 09:41 1260原文作者:Adobe 原文链接:Get Oriented to ...
相关推荐
这份文档是Flex 3版本的入门指南,介绍了Flex Builder IDE的使用,包括创建第一个Flex应用程序、了解MXML和ActionScript的基本语法、以及如何设计和构建用户界面。在Flex 3中,MXML是一种声明式语言,用于描述用户...
《Flex_QuickStart.pdf》可能是快速上手指南,会提供更具体的步骤和实例,帮助开发者快速了解和开始使用Flex 3.0进行开发。这份文档可能包括创建第一个Flex项目的教程,以及一些常见任务的简明示例。 通过学习这些...
- **第一个Flex程序**:通过一个简单的“Hello World”示例,初学者可以快速上手Flex的基本语法和结构。这有助于理解Flex的应用程序是如何组织和运行的。 #### 4. 可视化页面组件 - **UI控件介绍**:Flex提供了...
- 这篇文章详细介绍了Flex的基础知识,包括安装配置环境、基本概念、语法结构等内容,非常适合初学者快速上手。 2. **参考书**:《Flex入门教程》[http://www.5uflash.com/Flex-AIR/Flexziliao/17.html]...
这个“Flex入门学习资源包”为初学者提供了全面的学习材料,包括ActionScript的基础知识和Flex的实战指南。 ActionScript是Flash平台的核心编程语言,主要用于创建交互式内容和动画。OReilly.ActionScript.3.0....
### Flex + LCDS + Java 入门教程精要解析 #### 一、核心概念解析 **1. Flex是什么?** ...这为初学者提供了从理论到实践的全面指导,有助于快速上手并探索Flex与LCDS在Java后端环境下的强大潜力。
本书旨在为初学者提供一个全面了解Adobe Flex 3框架的入门指南。该书涵盖了Flex的基本概念、开发环境设置、组件库使用、事件处理、数据绑定以及更高级的主题如自定义组件和调试技术等。 #### 二、目标读者 这本书...
Adobe Flex 快速入门指南是针对开发者学习和掌握Adobe Flex技术的一系列教程资源。Adobe Flex是一种开源框架,用于构建富互联网应用程序(Rich Internet Applications,RIAs),它允许开发者使用MXML和ActionScript...
- **在线入门体验**:通过示例代码和教程帮助快速上手Flex。 - **Flex支持中心**:获取技术支持和解决问题的信息。 - **Flex开发者中心**:获取文章和教程,提升技能并学习新技能。 - **Flex文档资源中心**:...
《跟我StepByStep学FLEX教程》不仅是一本入门指南,更是一部全面覆盖Flex开发技术的宝典。从环境搭建、基础知识到高级应用,从界面设计、数据处理到后端集成,每一章都充满了实用的技巧和经验分享。对于希望在Web...
- **快速入门**: 提供了简单的示例项目来帮助用户快速上手。 - **故障排除**: 列出了常见的问题及其解决办法。 **4.5 其它的技术文档** - **应用笔记**: 针对特定的应用场景提供了详细的解决方案。 - **设计指南**...
2. **Flexcoders社区讨论帖:“Flex 入门指南”** - **链接**:http://www.flexcoders.cn/showtopic-916.aspx - **简介**:这篇帖子主要介绍了Flex的安装配置方法、基本概念解析以及常见问题解答等,对于新手来说...
根据提供的文件信息,本书《Manning.Flex.4.in.Action》是关于Adobe Flex技术的一本详尽指南。...无论你是想要快速上手Flex的新手,还是希望提升技能的老手,这本书都能够为你提供有价值的指导和支持。
关于一份教你快速上手React Native的指南英文版本为特色 :rocket:内容精简,特为Swift上手RN开发准备 :smiling_face_with_heart-eyes:提供交互式示例,动动手重新熟悉知识点 :flexed_biceps:覆盖RN日常开发的绝大...