Flex从入门到精通 第4章

合集下载

Flex从入门到实践

Flex从入门到实践
FLEX从入门到实践
2.4.3 项目模式化
通过在右键源代码菜单中,可以选择并创建一个 ActionScript文件、类或者接口。通常这类文件会在设计 模式中被应用。设计模式是管理和组织大量代码更有效的 方法之一,是面向对象思想最直接的体现。而 ActionScript语言本身就是一个面向对象的语言。
Flex中的ActionScript是一种脚本语言,用来处理客户端的 逻辑运算。ActionScript的设计同样也参照了JavaScript ,与JavaScript作用一样。并且,ActionScript和 JavaScript两者的语法也极其相似,这使得开发者学习 新的ActionScript语言的门槛降低。
Flash是强大的矢量动画编辑工具,在Flash被Adobe公司 收购之后,Flash一直在谋求Rich Internet Application (富客户端)的霸主地位。最有影响的是,已经推出了面 向对象的编程脚本ActionScript 3.0,并且建立起类似于 Java Swing的类库和相应Component(组件)。
FLEX从入门到实践
1.3 Flex与其他技术比较
Flex是一种混合的技术,这种语言技术的设计借鉴了其他优 秀的现代标准语言,如XML、JAVA等。其中,MXML就 是基于XML构建的描述界面的语言,同时借鉴了HTML等 Web技术。而ActionScript也是大量的借鉴了 JavaScript脚本和Java语言的语法组成。
SWF文件是一个压缩文件,可以通过Flash Player呈现出来 。由于SWF文件很小,所以有很快的网络下载速度。用 户要想运行一个Flex应用程序,只需要通过网络或者其他 途径获取SWF文件,就可以运行在装有Flash Player插 件的浏览器中。

FLEX应用教程

FLEX应用教程

第一章Flex 是如何工作的该部分文档的内容是为用户提供关于Adobe.Flex 工作机制的一个快速综述。

通过本章节的学习,你可以创建你的第一个Flex 应用程序,并将它与你以前所熟悉的Web 开发技术进行比较,以领会Flex 的内涵和精髓。

第一节构建并运行Flex 应用程序Flex 是一个提供开发设计和运行支持的架构,它可以使开发人员创建利用Adobe. Flash. Player 9 作为前台的“富客户端互联网应用程序/rich Internet applicati ons/RIA”,以满足用户更为直观和极具交互性的在线体验。

开发Flex 应用程序的典型步骤如下(通常是这样):1. 选取一系列预先定制好的、用于设计应用程序界面的组件(如表格、按钮等等)2. 布置组件以设计用户界面。

3. 使用样式和主题来增强视觉方面的设计。

4. 添加动态行为(例如程序部件之间的相互作用)。

5. 定义并连接所需的数据库服务。

6. 将源代码编译成SWF 文件,然后在Flash Player 中运行。

一个典型的Flex 应用程序包括如下元素:1. Flex frameworkAdobe. Flex 2 framework 包含了创建RIA 所需要的所有组件,它们是:用于应用程序布局规划的容器;针对用户界面和从用户处获取数据的控制(例如文本框和按钮);广泛支持的数据绑定、数据格式化、以及有效值验证;事件驱动的开发模式。

Flex framework 被包含在公用组件库(SWC)文件中。

2. MXML每个Flex 应用程序至少包含有一个MXML 文件,它被作为该程序的主文件。

MXML是一种标记语言,它是基于XML 的一种实现,用来创建Flex 应用程序。

你可以使用它去声明程序中所使用的标签结构的定义。

3. ActionScript 3.0你可以使用ActionScript 3.0 为应用程序添加动态行为,它是基于ECMAScript 的一种实现,类似于JavaScript。

FLEX4_Flex4教程

FLEX4_Flex4教程

Flex 应用的构建形式 尽管用 Flex 开发 RIA 有多种形式,但现在主流的架构是:Flex 作为 Client(客户端),Java、PHP、 Asp、Ruby 等技术作为 Server(服务器端)。
本教程之后的内容主要介绍 Flex 与 Java 技术的整合。
Flex 访问服务器端数据的 3 种方式 既然 Flex 可以和 Java 等 Sever 端技术整合,那么它们之间怎样实现通信的呢?Flex 通过 HTTPService,WebService 和 RemoteObject 这 3 个组件实现与 Server 端的通信。

外观与样式设计 使用 CSS 和图形属性编辑器自定义应用程序外观。快速设置最常用的属性,并在“Design”(设计) 视图中预览结果。使用新的 Theme Browser(主题浏览器)浏览可用主题,并将它们应用于您的项目。

与 Adobe Creative Suite 设计工具集成 导入使用 Adobe Flash Professional、Illustrator®、Photoshop® 或 Fireworks® 软件创建的设计 资源,或导入使用 Flash Catalyst 创建的整个应用程序用户界面。Flash Professional 与 Flash Builder 之间的新工作流程简化了自定义 Flex 组件的导入和更新。

HTTPService 组件
HTTPService 组件允许你与 HTTP 服务交互,可以是接收 HTTP 请求和发送 HTTP 响应的任何 HTTP URI。 你可以通过 HTTPService 组件调用任何类型的 Server 端技术,包括 PHP pages, ColdFusion Pages, JavaServer Pages, Java servlets, Ruby on Rails 和 ASP pages。 HTTPService 组件允许你发送 HTTP GET、POST、HEAD、OPTIONS、PUT、TRACE 和 DELETE 请求,并典 型的以 XML 形式返回。

flex教程系列四

flex教程系列四

了解提示点可在编码期间将提示点嵌入Adobe F4V 或FLV 视频文件。

过去,在影片中嵌入提示点是为了给放映员提供了一个可视信号,以指出胶片盘中的胶片即将放完。

在Adobe F4V 和FLV 视频格式中,提示点的作用在于:当视频流中出现提示点时,在应用程序中触发一个或多个其他动作。

您可以对Flash 视频使用几种不同类型的提示点。

可以使用ActionScript 与在创建视频文件时嵌入其中的提示点进行交互。

• 导航提示点:您可以在编码视频文件时,将导航提示点嵌入到视频流和元数据包中。

使用导航提示点可以使用户搜索到文件的指定部分。

• 事件提示点:您可以在编码视频文件时,将事件提示点嵌入到视频流和元数据包中。

还可以编写代码来处理视频播放期间在指定点上触发的事件。

• ActionScript 提示点:ActionScript 提示点只对Flash FLVPlayback 组件有用。

ActionScript 提示点是您使用ActionScript 代码创建和访问的外部提示点。

您可以编写代码来触发这些与视频播放有关的提示点。

这些提示点的精确度要低于嵌入的提示点(最高时相差1/10 秒),因为视频播放器单独跟踪这些提示点。

如果您计划创建一个应用程序,希望用户能在其中导航至提示点,则应在编码文件时创建并嵌入提示点,而不应使用ActionScript 提示点。

您应将提示点嵌入FLV 文件中,因为这些提示点更加精确。

由于导航提示点会在指定的提示点位置创建一个关键帧,因此可以使用代码将视频播放器的播放头移动到该位置。

您可以在视频文件中设置一些希望用户搜索的特定点。

例如,视频可能会具有多个章节或段,在这种情况下您就可以在视频文件中嵌入导航提示点,以此方式来控制视频。

有关使用提示点对Adobe 视频文件进行编码的详细信息,请参阅《使用Flash》中的“嵌入提示点”。

您可以通过编写ActionScript 来访问提示点参数。

Flex

Flex

第三章Flex基础Flex是基于组件来进行开发的,为了更有效率地设计和开发应用程序,你应该熟悉这些开发模式以及操作步骤。

第一节创建一个Flex应用程序应用程序模型Flex创建一个应用程序时,你使用组件(容器/containers和控件/controls)来描述用户的操作界面。

例如,容器可以是一个用来进行数据输入的表格容器,如一个盒框/Box或一个栅格/Grid;而控件就是该表格中的元素,如一个按钮/Button或文本输入栏/Text Input field。

举个例子,在随后的图例中显示了两种不同的盒子容器,它们分别包含了三个按钮控件和一个ComboBox控件:Flex的MVC模型为了增强系统的复用性和可维护性,应该采用具有良好体系架构的模型,即Model-View-Controller(MVC)。

1. 模型/Model组件封装了数据和与数据相关的行为。

2. 视图/View组件定义了应用程序的用户界面。

3. 控制器/Controller组件则负责处理程序中的数据连接。

web服务器的运用通常地,会涉及到的web服务器类型有:1. 纯web服务器,它们仅将用户的请求回复一个简单的静态HTML页面。

在这种情况下,你需要将Flex应用程序的SWF文件嵌入到一个HTML页面中。

2. web应用服务器,如JRun、ColdFusion或者PHP,它们可以动态地生成页面。

在这种情况下,你将使用到与服务器技术相关的库,并动态地处理它们的内容。

3. J2EE应用服务器或servlet容器。

向一个J2EE应用服务器或servlet容器发出请求,如JRun、Tomcat或WebSphere,通常你需要使用Flex Data Services。

程序开发的通常步骤开发Flex应用程序,通常会采用如下的步骤进行:1. 在一个文本编辑器或集成开发环境(IDE)中,如Adobe Flex Builder、Eclipse或IntelliJ 中插入MXML根标签。

Flexsim4培训

Flexsim4培训

参数选项卡(Parameter Tabs)
参数窗口通过选项卡对参数进行分类 所有的固定资源对象都有“Flow”和“Triggers”选项卡( 尽管某些对象的触发器数量要多于其它对象)
下拉列表框
下拉列表选择
代码模版(适合修改参数) 代码编辑(使用Flexscript或C++)
代码模版
代码模版中蓝色字体可以是任何有效的数 字或表达式 代码模版可以在代码编辑中定制
复制对象
选中要复制的对象,在Edit Selected Objects菜单下点击“Duplicate”按钮
第四章
Flexsim对象库 对象库
固定资源(FixedResources) 任务执行器(TaskExecuters)
固定资源——模型中固定不动的对象(比如处理 器、存储区),表示模型中的某一流程步骤。 -Processor -Queue -Conveyor 任务执行器——模型中作为共享资源或移动资源 使用的可移动对象。 Operator Transport
吸收器(Sink)
用于销毁完成模型流程的实体
1.创建模型布局
使用鼠标将需要的对象从对象库中拖放到正视图窗口中 根据需要使用鼠标改变对象位置、大小和转角
2.连接端口
按下键盘上的“A”键,用鼠标拖放在对象间建立输出端 口—输入端口连接 方向!从流出实体的对象到流入实体的对象 模型中的对象发出和接收实体需要这种连接
模型一布局
发生器(Source)
用于在模型中产生实体(flowitem) 在此模型中通过产生实体模拟原料到达
暂存区(Queue)
用于存放暂时未被下游对象接收的实体 在此模型中模拟存放区,存放待处理原料
处理器(Processor)

flex4事件详解

flex4事件详解

Flex4之事件详解第一、Flex事件简介事件贯穿于Flex应用开发的全过程。

事件是ActionScript3.0中最重要的部分之一,也是Flex应用程序开发的核心基础。

本章将在DOM 3的基础上详细讲解ActionScript3.0和Flex中的事件机制。

第二、一切从事件开始利用事件处理,可以方便地响应和处理用户输入和系统事件。

Flex 事件模型不仅方便,而且符合标准,新的事件模型基于文档对象模型(DOM,Document Object Model)第3级事件规范,为Flex程序员提供了强大而直观的事件处理工具第三、事件简介什么是事件呢?我们去商店里买鞋子时,选择好鞋子后,告诉销售人员鞋子的款式、号码、付款,然后服务员将符合购买要求的鞋子交给我们。

这样就完成了一个事件的流程。

但是如何找到售货员买鞋子,售货员拿什么样的鞋子给客户,都是事件要处理的事情。

对于Flex而言,其重要的部分就是与用户进行交互。

用户的操作,例如键盘输入、鼠标点击等引起界面的响应,然后在内部进行一系列的操作,最终返回用户需求的信息。

简单的过程,即包含了事件的核心思想。

用户的操作触发了某个事件,同时产生该事件的信息,通知相关的对象进行处理。

其中,如何发起消息、传递消息是Flex非常关键的问题。

第四、DOM3事件机制DOM3的事件模型是非常简单的,符合我们日常思考的习惯。

在上一节开头所举的买鞋的例子中,买鞋的人(客户)可以看作事件发送者(Event Dispatcher),买鞋的过程可以看作事件,而销售人员即事件侦听器(Event Listener)。

买鞋可以看作事件的类型(Type)。

买鞋的个人即事件的目标(Target)DOM3事件机制包含4个部分:注册事件侦听器、发送事件、侦听事件、移除事件侦听器。

这4个部分贯穿整个事件的发生和结束。

第五、ActionScript3.0中的事件机制在Flex的事件机制中ActionScript扮演了非常重要的角色。

Flex中文帮助No4章A

Flex中文帮助No4章A

译者声明1.请大家在转载和使用时保持本文的完整性。

2.本文所有资料均来自Flex官方文档,其英文版权归Adobe公司所有。

3. 文中某些内容根据译者的理解稍作改动,因此与原版英文在文字上不完全一致。

同时,由于译者水平有限,翻译不妥之处请大家多多见谅。

重庆大坪刘刚第四章Flex编程入门教程本章节将提供一系列的课程教授你如何开发Flex应用程序。

第一节创建你的第一个应用程序本节将向你展示如何使用Adobe Flex Builder编译和运行一个简单的Flex应用程序。

其中涉及的重点内容包括Flex Builder项目的概念。

在Flex Builder中,所有的程序都被包含在项目/projects里。

创建一个项目在Flex Builder中创建一个Flex应用程序之前,你必须首先要创建一个项目。

当创建好项目文件时,主MXML程序文件就已经准备好。

然后你就可以在项目中添加各种资源,如MXML组件文件、ActionScript文件等等。

其主要操作步骤有:1. 启动Flex Builder并从主菜单中选择File > New > Flex Project,出现新项目向导/New Flex Project wizard。

2. 在打开的屏幕中,选择基础数据选项/Basic data option并点下一步/Next。

接下来会询问你指定保存项目文件的目录。

3. 在项目名称栏中输入Lessons。

在项目内容区域,确保使用默认目录选项/Use Default Location option被选定。

默认的目录是C:\Documents and Settings\your_user_name\My Documents\Flex Builder 2。

Flex Builder将在该目录下创建Lessons文件夹。

4. 点击完成/Finish。

Flex Builder创建好新的项目并在导航视图中进行显示。

新建项目向导将自动生成项目配置文件,存放被编译SWF文件的输出目录,以及主程序文件Lessons.mxml。

flex教程

flex教程

第一章Flex是如何工作的该部分文档的内容是为用户提供关于Adobe®Flex工作机制的一个快速综述。

通过本章节的学习,你可以创建你的第一个Flex应用程序,并将它与你以前所熟悉的Web开发技术进行比较,以领会Flex的内涵和精髓。

第一节构建并运行Flex应用程序Flex是一个提供开发设计和运行支持的架构,它可以使开发人员创建利用Adobe®Flash®Player9作为前台的“富客户端互联网应用程序/rich Internet applications/RIA”,以满足用户更为直观和极具交互性的在线体验。

开发Flex应用程序的典型步骤如下(通常是这样):1.选取一系列预先定制好的、用于设计应用程序界面的组件(如表格、按钮等等)2.布置组件以设计用户界面。

3.使用样式和主题来增强视觉方面的设计。

4.添加动态行为(例如程序部件之间的相互作用)。

5.定义并连接所需的数据库服务。

6.将源代码编译成SWF文件,然后在Flash Player中运行。

一个典型的Flex应用程序包括如下元素:1.Flex frameworkAdobe®Flex2framework包含了创建RIA所需要的所有组件,它们是:用于应用程序布局规划的容器;针对用户界面和从用户处获取数据的控制(例如文本框和按钮);广泛支持的数据绑定、数据格式化、以及有效值验证;事件驱动的开发模式。

Flex framework被包含在公用组件库(SWC)文件中。

2.MXML每个Flex应用程序至少包含有一个MXML文件,它被作为该程序的主文件。

MXML是一种标记语言,它是基于XML的一种实现,用来创建Flex应用程序。

你可以使用它去声明程序中所使用的标签结构的定义。

3.ActionScript3.0你可以使用ActionScript3.0为应用程序添加动态行为,它是基于ECMAScript的一种实现,类似于Jav aScript。

flex4基础

flex4基础

flex4mxml文件就是.MXML的xml文件actionscript文件.as 编写代码编译成swf文件flex4 应用程序需要使用flash builder4的软件来创建flash catalyst事件数据绑定1、基础知识介绍1.1、了解fl ex和flash平台开发工具—flash builder开源框架---flex内嵌组件扩展组件语言---ActionScript3.0类库(符合ECMA标准的脚本语言,主要用来实现业务逻辑)语言---MXML(基于XML的描述式语言,主要用来描述UI布局的)Flex SDKFlex框架软件开发包---编译器---调试器Flash Builer开发工具Flex SDK所有的功能提供一些额外的特性提高生产力---上下文的代码提示---一个可交互的逐步调试器---一个可视化的设计环境(布局和样式)---连接到服务器端数据的数据服务向导---内存和性能检测---自动测试支持及更多的特性Flash Builder版本:---标准版---增强版:致力用创建关键业务应用,包含了标准版所有特性,并添加了一些企业及的特性在里面,包括内存和性能检测以及自动测试。

增强版的数据可视化支持你创建图表和丰富的可视化面板。

1.2、了解flash Bulid er 和flex项目默认的工作空间位于:Document and settings→user directory→adobe flash builer beta2.metadata和configuration目录包含了flash builder工作空间的设置。

默认情况下,flash builder会把我的flex应用程序编译到我的项目文件夹下面的一个名为“bin-debug”的目录下。

源文件将会保存在项目目录中的“src”目录下。

组件设置:MX+Spark(同时使用两个库)MX only(这个mx库比较老)修改编辑器中的字体大小:General→Appearance→Colors and fonts→basic→text font改变代码间距:Flash builder→indentation→actionscript.并且取消方法中的对齐参数。

Adobe Flex 4教程

Adobe Flex 4教程
界面组件。
本教程将说明如何创建导入 ColdFusion 服务的客户端应用程序。首先,创建一个显示静态文本的 Label 项。接下来,创建返 回本地化文本字符串的 ColdFusion 服务。然后,将从 ColdFusion 服务返回的数据绑定到该 Label 项。最后,检查生成的代 码,以查看 Flex 如何访问从服务返回的数据。
第 2 章 : 安装 Flash Builder 教程数据库 下载并安装 Flash Builder 教程数据库 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
第 6 章 : 使用数据管理同步服务器更新 数据管理教程 (ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 数据管理教程 (PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

FLEX4教程

FLEX4教程

RIA 是什么?RIA 是富网络应用(Rich Internet Application)的缩写,也即丰富互联网应用程序。

它只是一种技术形式而不是具体的技术。

RIA 出现的背景在 RIA 出现之前,软件开发都是基于 C/S(Client/Server)或 B/S(Browser/Server)架构,但两者各有缺点。

C/S 的主要缺点:1.开发、部署成本高传统 B/S 结构的软件需要针对不同 OS 开发对应的版本,且软件更新换代的速度越来越快自然成本会很高。

2.维护成本高服务器和客户端都需要维护管理,工作量较大且技术支持复杂。

B/S 的主要缺点:1.受限于 HTML 技术,很难像 C/S 那样产生丰富,个性的客户端界面;2.存在浏览器兼容性差问题;3.Server 端负荷较重,响应速度慢;绝大多数处理都集中在 Server 端,并且每次响应都要刷新页面(利用 Ajax 技术会有所缓解)。

随着软件的飞速发展,此时需要出现一种能够摒弃上诉缺点的新的技术形式– RIA 出现了。

目前比较流行的 RIA 技术▪Adobe 的Flex▪微软的Silverlight▪Sun 的JavaFX以上三种技术各有优势,本教程只关注目前应用较广泛的 Flex。

Flex 和 Flex SDK 是什么?Flex 是一个开源、免费的框架,用于构建在Adobe® Flash® Player 或Adobe AIR® runtimes 环境内运行的跨浏览器、桌面和操作系统的富网络应用。

Flex SDK(Flex Software Development Kit)除了包括 Flex 框架以外还包括 compilers(编译器)和debugger(调试器)等开发工具。

(这也意味着没有 Flash Builder 等 IDE 同样可以开发 Flex 应用,但效率会很低。

)授权Mozilla Public License, version 1.1 (MPL)开发语言Flex Framework : Action Script 3.0开发者Adobe Systems IncorporatedFlex 应用运行环境–Adobe® Flash® Player 和Adobe AIR® Runtimes两者都是运行环境,前者基于浏览器,后者基于桌面。

Flex中文教程No4章B

Flex中文教程No4章B

<mx:Application>标签看起来就象这样:<mx:Application xmlns:mx="/2006/mxml"layout="absolute" creationComplete="createListener();">6. 保存文件,编译后运行。

7. 输入价格并点击“Convert to Yen”按钮。

TextInput控件下方的Lable控件将以人民币为单位进行显示。

在本节中,你学习了为按钮控件编写一个事件监听器,然后使用两种方法将它与按钮单击事件相关联。

在第一种方法中,你通过指定按钮控件的MXML标签里的click属性来进行关联。

在第二种方法中,你使用ActionScript 功能函数来进行关联。

第六节使用行为Adobe Flex行为使你可以为应用程序添加动画和运动,来对用户和编程活动作出反应。

行为,是由一个触发器和一种效果组合而成。

触发器是一种活动,如鼠标在组件上点击,组件获得焦点,或组件可见。

效果是在目标组件上的可视性或可听性上的某种变化,以毫秒计算。

效果的例子包括淡出,尺寸变化,或者组件发生移动。

本节将教授你如何在Flex用户界面中添加行为。

具体内容包括如何使用MXML去创建行为,如何从不同的组件调用一种效果,以及如何组合多种效果以产生合成效果。

创建一个行为你打算创建一个行为,当按钮被用户点击时变成绿色,维持一秒半以后,离开按钮时变成淡绿色以表明它已经被点击过。

1. 在导航视图中选择Lessons项目,选择File > New > MXML Application并创建名叫Behaviors.mxml的文件。

2. 将Behaviors.mxml设置为被编译的默认文件,并在关联菜单中选择Set As Default Application。

3. 在MXML编辑器源代码模式中,在<mx:Application>标签后定义绿色效果:<mx:Glow id="buttonGlow" color="0x99FF66" alphaFrom="1.0" alphaTo="0.3" duration="1500"/>绿色效果开始时十分饱满,然后逐步变得透明,但不完全透明。

第4章 Flex 4系统组件:基本组件

第4章 Flex 4系统组件:基本组件

(3)设置相对大小。 将组件的width和height属性设置为百分比,表示组件宽度和高度相对于父类容器 (包含组件的容器)宽度和高度的百分比值。设定相对大小以后,组件随父类容器的 大小改变而改变。例如: <s:Panel title="相对大小组件" width="60%" height="60%"> <s:TextInput id="txt" text="输入框组件" width="50%" height="50%"/> </s:Panel> 效果如图4.6所示。
(4)使用约束布局定义组件大小。 Flex 4中进行约束布局的主要属性如下所示。 top:从组件的上边缘到锚点目标的上边缘的垂直距离。 bottom:从组件的下边缘到锚点目标的下边缘的垂直距离。 left:从组件的左边缘到锚点目标的左边缘的水平距离。 right:从组件的右边缘到锚点目标的右边缘的水平距离。 horizontalCenter:从组件中心到锚点目标的内容区域中心的水平距离。 verticalCenter:从组件中心到锚点目标的内容区域中心的垂直距离。 baseline:从锚点目标到控件的基线位置的垂直距离。 percentWidth:以组件父项大小百分比的方式指定组件宽度的数字,允许的 值为0~100。 percentHeight:以组件父项大小百分比的方式指定组件高度的数字,允许的 值为0~100。
运行效果如图所示,其中第一个组件可编辑,第二个组件不可编辑。
5.富文本编辑器组件 RichTextEditor组件是Halo组件,在Flex 4仍然可以使用。命名空间使用mx,但在 Flash Builder 4的组件窗口中没有该组件的标签。这个组件可以输入文本并设置其格 式。用户可以更改的文本特征包括字体系列、颜色、大小和样式,以及其他属性 (如文本对齐方式、项目符号和URL链接)。例如: <mx:RichTextEditor id="r1" title="RichTextEditor Example" height="254" text="This is RichTextEditor Example!!" width="331"/> 效果如图所示。

Flex入门教程

Flex入门教程

Flex 入门教程[来源:蓝色理想| 作者:Robert Crooks | 时间:2008-03-24 | 点击:1912 | 收藏本文【大中小】]创建第一个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。

Flex_4一学就会

Flex_4一学就会

序任何人写书时都会遇到麻烦,我在编写本书时遇到的麻烦则格外多。

具体来讲,本书诞生于2008年年底,当时我同时遭遇了三重打击:Ruboss框架没能作为商业产品;Enterprise Flexible Rails终未成书;Hello! Flex 3的版式失败。

用嘻哈巨星弗里德里希·尼采(Friedrich Nietzsche)的话说:"只要没杀死我们,就会让我们变得更坚强。

" 2008年年底这场失败风暴绝对让我变得更坚强,甚至也让本书变得更好。

上面只是简略的描述,如果你想知道得更多,请继续往下看……就在Manning出版公司于2008年年初出版Flexible Rails一书不久,我开始在自己的公司Ruboss全职工作,并招募了合作创始人Dima Berastau。

我们一边做咨询,一边启动了一个产品,即Ruboss框架。

Ruboss框架使用GPL v3许可和一个商业许可,所以它的Flex版本免费,AIR版卖499美元。

我想通过写书来推销Ruboss框架,所以我与Manning出版公司的Mike Stephens探讨为Flexible Rails写本姊妹篇,书名就叫Enterprise Flexible Rails,这本书将延续Flexible Rails,带领读者使用Ruboss框架来开发他们的Flex项目。

在我同时开发Ruboss框架和撰写Enterprise Flexible Rails期间,2008年年初Mike找到我,让我推荐一个人来为Manning出版公司写Hello! Flex 3。

该出版商新开发了一个系列,名为"Hello! X"。

这个系列希望采用明快有趣的形式介绍某个主题,并配上漫画插图。

我想都没想就说:"我推荐我自己。

"我认识J. D. Frazer(即Illiad,网络漫画User Friendly的作者),所以我建议Manning出版公司在"Hello!"系列中使用User Friendly漫画,然后我为他们作了介绍。

flex学习笔记4list类型

flex学习笔记4list类型

Flex学习笔记4之layout和自定义布局组件用于列表形式有四种1.Tree2.Menu3.DataGrid4.Titlelist and horizontalist上次遗留了一点小问题:关于layout属性Layout属性有三个值:absolute(默认属性),horizontal,vertical故名思意:absolute :各个组件相对独立Horizontal:水平对齐Vertical:垂直对齐实际情况:如果设置除了absolute的其他属性,即使你的组件XY坐标设置了,那么也会按照其相应的对齐方式显示组件。

1.Form类通过Form 容器,您可以控制表单布局、将表单字段标记为必填或可选、处理错误消息以及将表单数据绑定到Flex 数据模型以执行数据检查和验证。

通过它,您还可以使用样式表这里有三个组件:组件 标签 DescriptionForm <mx:Form>定义整个表单(包括整个表单布局)的容器。

使用 FormHeading 控件和 FormItem 容器定义内容。

您也可以在 Form 容器中插入其它类型的组件。

FormHeading <mx:FormHeading> 在表单中定义标题。

可在一个 Form 容器中拥有多个 FormHeading 控件。

FormItem <mx:FormItem> 包含一个或多个水平或垂直排列的表单子项。

子容器可以是控件,也可以是其它容器。

一个 Form容器可以容纳多个 FormItem 容器。

2.Canvas 类布局容器定义一个矩形区域,您可以在其中放置子容器和控件。

只有在此容器中,您才可以使用各子项的 x 和 y 属性明确指定各子项的位置。

<mx:Canvas></mx:Canvas>3.Box 类容器在单个垂直列或单个水平行中排列其子项。

direction 属性确定使用垂直(默认)布局还是水平布局。

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

4.2.5 关键词和保留词(reserved words) 保留词是ActionScript留作专用的单词,编程者 不能用来定义为程序使用的标识。保留词包括词 汇关键词(Lexical Keywords)。当使用了这些 关键词时,编译器在编译时就会报错。
4.2.6 大小写敏感
语法就是代码语言所定义的,在书写代码是必须 遵循的一些规则。ActionScript是对大小写敏感 的语言。有大小写区别的相同字符串认识是不同 的标识。例如下述代码就定义不同的两个变量。 var num1:int; var Num1:int;
常量是具有固定的值,用户不能改变它的值。 ActionScrpt使用const声明,用来建立常量。常 量只能被赋值一次。常量的必须在声明的范围内 被赋值。下述示例中,MINIMUM在声明时被赋值, MAXIMUM在constructor中被赋值。
4.3.4 数组
数组用来定义一组同类型的变量。ActionScript 中的数组的指针是从0开始计算的,即第一个元素 的指针值为0,第二个元素的指针值为1,依此类 推。在代码中使用new Array()来定义一个新的数 组。用户可以使用一行代码来定义一个数组的示 例,代码如下。 var numArray:Array = ["zero", "one", "two"]; //定义一个数组。
4.5.4Байду номын сангаас一元操作符
一元操作符是需要一个运算值。在这里++和--是 前缀操作符,意思是在表达式中操作符出现在运 算值之前,并且加减在表达式输出之前被执行。 下面的示例表现了表达式输出结果之前,执行++ 的运算,代码如下。 var xNum:Number = 0; trace (++xNum); // 输出: 1 trace (xNum); // 输出: 1
4.4.3 as操作符
as操作符是ActionScript新的操作符,用来测试表达式是 否是给定的数据类型的成员。与is操作符不同的是,as操 作符不返回布尔值,而是返回表达式的值。下述的示例使 用as操作符代替is操作符,以测试Sprite实例是否是一个 DisplayObject和IEventDispather数据类型的成员。 var mySprite:Sprite = new Sprite(); trace (mySprite as Sprite); //输 出: 〔object Sprite〕 trace (mySprite as DisplayObject); //输 出: 〔object Sprite〕 trace (mySprite as IEventDispatcher); //输出: 〔object Sprite〕
第4章 ActionScript编程
ActionScript是一种为Flash Player设计的编程 语言。Flex编程者可以使用ActionScript语言来 完成Flex应用程序的各项逻辑和功能。它提供了 MXML代码中不具有的流程控制和对象操作。这一 章我们将介绍如何使用ActionScript进行编程。
4.4.2 is操作符
is操作符是ActionScript新的操作符,用来测试变量或表 达式数据类型。下述的示例建立一个Sprite类的实例,命 名为mySprite。代码首先使用is来检查mySprite是否为 Sprite和DisplayObject类的一个实例,然后检查它是否为 IEventDispatcher interface的一个成员。 var mySprite:Sprite = new Sprite(); trace (mySprite is Sprite); //输 出: true trace (mySprite is DisplayObject); //输 出: true trace (mySprite is IEventDispatcher); //输出: true
4.5.9 等式操作符
等式操作符需要两个运算值,比较它们的值,返 回一个布尔值。
4.4.4 类型转换
类型转换是指将数据从一个数据类型转换为其他 数据类型。类型转换可以是隐含的(implicit) 和不隐含的(explicit)。隐含的转换也称为强 制的(coercion),在运行时使用。例如,如果 给一个布尔类型的变量赋值为“2”,编译器则转 换布尔数值为true。不隐含的转换也称为转型 (casting),在编译时改变变量类型所使用。语 法如下代码所示。 var myBoolean:Boolean = true; var myINT:int = int(myBoolean); trace(myINT); //输出: 1
4.4.1 类型检查
数据类型检查可以在编译时间或运行时间进行。 静态语言,如C++或Java是在编译时间进行检查; 动态语言,如Python是在运行时间进行检查。 ActionScript做为一种动态的语言,也是在运行 时间进行检查,但它也支持在编译时间进行检查。 当定义编译器的模式为严格模式(strict mode) 时,支持在编译和运行时的类型检查。在普通模 式下,支持运行时的类型检查。
4.5.5 乘法操作符
乘法操作符需要两个运算值,进行乘、除和模计 算。
4.5.6 加法操作符
加法操作符需要两个运算值,进行加减计算。
4.5.7 位移操作符
位移操作符需要两个运算值,移动第一个运算值 的位值到有第二个运算值的外延。
4.5.8 关系操作符
关系操作符需要两个运算值,比较它们的值,返 回一个布尔值。
4.2.2 分号(;)
分号是用来结束一段语句的符号。如果忽略了分 号,ActionScript编译器会自动认为每一行代码 都代表了一个独立的语句。分号也使代码更具有 可读性。
4.2.3 括号(())
在ActionScrpt中所有括号有三方面的作用。 改变代表式中操作符的顺序。在括号中的代表会被优先执 行。下述的示例就体现了不同顺序操作产生的不同结果。 trace (2 + 3 * 4); //输出: 14 trace ( (2 + 3) * 4); //输出: 20 使用括号和逗号操作符,来执行一系列的表达式,并得到 最后一个表达式的结果.示例代码如下。 var a:int = 2; var b:int = 3; trace((a++, b++, a+b)); //输出: 7
4.5.1 操作符的优先权(precedence)和关联(associativity)
操作符的优先权和关联性决定了操作符的执行顺 序。列出了ActionScript操作符按照降序排列的 优先权。在表中,同一行的操作符具有相同的优 先权,上一行的优先权高于下一行。
4.5.2 原始操作符
原始操作符用来建立数组、对象、组合表达式、 调用函数、实现类的实例、访问属性。中列出了 原始操作符,它们具有相同的优先权。
4.3.2 变量默认值
变量的默认值就是在定义其值之前变量所拥有的 值。当第一次定义一个变量时进行了赋值,称为 初始化(initialize)。如果第一次时,没有进 行赋值就称为未初始化(uninitialized)。依据 不同的数据类型,变量具有不同的值。
4.3.3 常量(Constants)
4.3 变量
变量是用来存储在程序中使用的数据。定义一个 变量时必须使用var关键词,示例如下: var index; // 定义一个变量。 没有定义变量类型在ActionScript中是合法的, 但会给出一个警告信息。定义一个整数类型的变 量代码如下所示。 var index:int; //定义一 个整数类型变量。
4.3.1 了解变量作用范围
一个变量的作用范围定义此变量在哪个区域可以 被引用。一个全局(global)变量是在任何函数 之外声明的变量,它在整个代码中都可以引用和 修改。与之相对的是局部(local)变量,它是在 函数内部被定义,只在这一部分代码中可以被引 用和修改的变量。在ActionScript中,变量的作 用范围就是在其中定义此变量的函数或类。全局 变量则是在函数和类之外定义的变量。在以下示 例中,变量名都是str1。但在scopeTest函数中的 str1是局部变量,而在函数外定义的str1为全局 变量。
4.2.7 点(.)
点操作符提供进入一个对象的属性和方法的路径。 使用点操作符可以引用一个类的实例中的属性和 方法。在下述实例中,首先定义了一个命名为 DotExample的类。 class DotExample { public var prop1:String; pubic function method1 () {} }
4.4 数据类型
数据类型用来定义一组数值。例如,布尔数据类 型就有两个值:true和false。ActionScript中定 义了多个通用的数据类型,如字符串、数字和数 组。编程者也可以定义自己的数据类型。在 ActionScript中所有的值是基本原始类的 (primitive)或复杂综合类的(complex),所 有的值都是对象。 基本原始类的值是属于以下的数据类型:布尔、 整数、数字、字符串和自然数。 复杂综合的值是定义一组复杂的数据类型,包括: 数组、日期、错误、函数、正则表达式 (RegExp)、XML和XMLList。
4.5.3 后缀操作符
后缀操作符是用来增加或者减小数值。当后缀操 作符用在一个表达式中上,表达式的值会在后缀 操作符执行之前返回,如下面示例,表达式的值 在数值增加之前被返回。 var xNum:Number = 0; trace (xNum++); // 输出: 0 trace (xNum); // 输出: 1
4.1 ActionScript 3.0概观
ActionScript类似于JavaScript编程语言。它包括了已有 的对象和功能,也允许建立自定义对象和功能。它基于 ECMA-262 Edition 4标准。使用ActionScript,用户可以 定义事件监听、得到和定义组件属性、控制返回程序、建 立新的类、包和组件。现在使用的ActionScript 3.0语法 是基于ECMAScript Edition 4。ActionScript 3.0具有以 下特性。 正规类定义语法 正规文件包结构 变量,参数和返回值的数据类型 使用get和set关键词来 实现getter和setter 继承 public和private成员 static成员 cast操作符
相关文档
最新文档