`
mylxiaoyi
  • 浏览: 325381 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
阅读更多
Flex编码过程

当我们开发一个Flex程序,我们重复其他类型网络程序的过程,例如HTML,JSP,ASP和CFML。
创建一个有用的Flex程序是很容易的:打开我们最喜欢的文本编辑器,例如Flex Builder,输入XML标签,编译成为SWF文件,部署SWF文件,从网络浏览器中请求SWF文件的地址。
与静态的页面或是由JSP,ASP或是CFML创建的HTML模板集合不同,Flex程序中的文本要编译成为SWF文件。Flex程序与一个JSP,ASP或是ColdFusion程序的另一个主要的不同就是Flex的程序逻辑位于客户端的SWF文件中,而JSP,ASP和ColdFusion是模板系统,在这些系统中程序的处理发生在服务器上,而数据是动态的添加到HTML模板中,并在HTML页面中传递给客户。
因为MXML文件是普通的XML文件,所以我们的开发环境有很大的选择。我们可以在简单的文本编辑器,或是专业的XML编辑器,或是支持文本编辑的集成开发环境中进行开发。Flex同时提供了代码调试工具。

从HTML移到Flex
虽然在一些方面类似,开发Flex程序与开发HTML程序有着极大的不同。HTML的代码主要是在页面文件集合中进行编写。真正构成一个程序是单个的HTML页面。每一个页面必须向服务请求并且单个显示。当一个页面被请求时,例如图像等资源文件必须被装入单个页面来使用。在开发过程中,我们编写代码,保存并且在浏览器中显示一个页面。
为了促进重用性,扩展性以及可修改性,Flex程序的代码也可以被包含在多个文件中。然而,Flex将所有的文件编译成为一个SWF文件。
所成程序的文件被编译进SWF文件。然而程序在运行时可以从外部的数据源请求数据。在开发过程中,我们编写代码,保存并且在浏览器中显示整个程序。
虽然Flex的开发与HTML的开发不同,但是我们却可以很容易的通过使用包装(wrapper)将Flex程序与HTML页面进行复合。在这个包装中,我们可以通过使用标准的HTML的<object>和<embed>标签来指定SWF文件的名字。

从HTM模板环境移到Flex
与JSP,ASP和ColdFusion等环境不同,Flex并不是一个模板系统。MXML文件并不是包含服务器端的处理规则来返回装入模板的模板。相反,MXML可以编译成为一个完全的格式化的可以用来处理服务器端处理逻辑的客户端程序,并且可以通过使用自己的客户端逻辑来改变显示内容。
Flex程序并不会在每次用户界面改变或是事件需要处理时返回到服务器端。逻辑表示与服务器端请求与响应逻辑是作为我们程序的SWF文件的一部分在客户端执行的。在Flex中,用户界面的改变发生在客户端,是基于客户端执行代码的。
Flex程序发出HTTP请求与外部的数据服务进行联系,例如网络服务。与服务器的这种交互并不需要我们刷新程序。

从专业Flash移到Flex
开发一个Flex程序与开发在Adobe的Macromedia Flash Professional中的程序也不同,尽管在这两个开发环境中程序都会被编译成为SWF文件。我们可以在文本文件中创建Flex程序,我们可以在简单的文本编辑器中进行创建与编辑,或者是我们可以在更为复杂的开发环境中进行开发,例如Flex Builder。我们可以将我们的程序编译成为SWF文件,然后将程序发布到网络或是程序服务器。
我们在Flash环境中创建一个Flash文档文件,然后在发布到网站之前保存为SWF文件。他通常在HTML页面中被引用。Flash Professional使用例如时间线,动画帧以及在时间组织和控制程序的层等概念。在Flex中,我们在MXML标签中编写一个程序的声明部分,例如用户界面组件,到数据源的连接。在程序中,我们必须在适当的层次上使用合适的标签,但是却没有时间线,帧或是层等外部概念。通过使用MXML标签,我们可以使用内建的行为创建有用的程序。
虽然Flash与Flex的开发模型不同,Flash是一个可以用来创建自定义的组件和我们可以在Flex程序中使用的可视资源的强大的工具。我们可以将在Flash中创建的文件以组件包的形式导出,称之为SWC文件,然后我们在MXML文件中可以以自定义的标签来引用。我们也可以在Flex程序中使用MXML的<mx:Image>和<mx:SWFLoader>标签来导入SWF文件。

使用Flex开发工具
Flex提供了下列的工具来帮助我们在我们的开发过程中测试,调试和调整们的程序。下表描述了Flex的开发工具:
Flex Builder Flex Builder是使用Flex 2 SDK开发程序的集成开发环境。Flex Builder IDE提供了帮助我们开发,设计以及调试Flex程序的工具,包含了集成的编译器与调试器。
Flash 调试播放器 Flash 调试播放器是一个Flash播放器,可以报告运行时错误,包括未声明的变量错误,未捕获的运行时异常以及与操作系统相关的网络错误。我们可以在一个跟踪窗口中查看错误并且可以将错误发送到一个文本文件中。
命令行调试器 
Flex ActionScript调试器可以让我们打开并且调试我们的Flex程序中所用的ActionScript文件。我们可以在Flex Builder中或是从命令行使用调试器。
mxmlc 如果我们要在网络浏览器中或是在Flash播放器中请求SWF文件时,Flex命令编译器mxmlc是相当有用的。通常对于使用Flash调试播放器来调试SWF文件时是有用的。
compc compc编译器可以从MXML组件源文件或是ActionScript组件源文件来编译生成SWC文件。
分享到:
评论

相关推荐

    Base64_FLEX编码 范例

    `Base64_FLEX编码范例`主要展示了如何在FLEX项目中实现Base64编码和解码功能。`Base64Util.as`是一个AS3类文件,包含了Base64的编码和解码方法。`Base64Util.docx`可能是文档说明,包含有关如何使用这些方法的详细...

    Adobe Flex 编码指南

    Adobe Flex编码指南是一份专为开发者设计的详细文档,旨在帮助他们高效且规范地编写Flex和ActionScript 3(AS3)应用程序。Flex是一个开源框架,主要用于构建富互联网应用程序(RIA),而AS3是用于创建动态交互式...

    Flex+myeclipse开发过程图解

    本文将通过图解的方式详细介绍Flex与MyEclipse的集成开发过程,并涉及Struts、Tomcat以及BlazeDS等关键技术点。 #### 二、Flex简介 Flex是一种用于构建和部署跨浏览器、跨平台的互联网应用程序的开源框架。它最初...

    flex实战项目,flex开发

    在这个过程中,开发者会学习如何利用Flex SDK或Flex Builder创建用户界面,如何使用ActionScript处理业务逻辑,以及如何调试和优化应用。 6. **Flex开源项目**:开源意味着源代码对公众开放,开发者可以查看、学习...

    flex3使用说明

    Flex 框架可以加速开发过程,提供智能编码、交互式遍历调试和可视设计用户界面布局等功能。 二、Flex 的特点 Flex 可以创建 RIA(Rich Internet Application),可以运行于使用 Adobe Flash Player 软件的浏览器中...

    Flex3与Flex4对比

    - **使用Adobe Flash Professional提供往返支持**:这是Flex4引入的一项新特性,它简化了设计师与开发人员之间的协作过程。 ##### 6. 编码工具 - **MXML和ActionScript编辑器**:这两个版本均提供了MXML和...

    Flex3.0面试题 Flex3.0面试题

    Flash 和 Flex 可以通过建立一个 Flex 工程,具体需要 Flash 做 UI 的时候,输出成 SWC 作为 Flex 的 skin,如果说并不需要 Flex SDK,只是为了编码方便而选择 Flex 的话,那我们只要建立一个 AS 工程,让 Flex 作为...

    Flex 4的十大变化

    Catalyst是一款无需编码的设计工具,它理解开发者和设计师的工作流程差异,使得双方能够专注于各自的专业领域。这种集成促进了设计和开发过程的分离,提高了项目的灵活性和可维护性。 2. **Spark组件架构**:Spark...

    flex air 导出 excel

    数据可以通过HTTPService或WebService组件发送,确保正确编码中文字符以避免传输过程中出现乱码。 3. **数据序列化与反序列化**:在发送数据前,需要将Flex中的数据对象序列化为字符串或XML格式,以便服务器可以...

    flex读取xml乱码的解决方法

    通过使用`XMLLoader`,你可以更精确地控制数据的读取过程,包括设置字符编码。例如,你可以在加载XML之前,设置`XMLLoader`对象的`responseType`属性为"text",然后在事件处理器中手动处理数据,同时指定正确的字符...

    flex_video_帮助

    Flex Video 支持 Sorenson Spark 和 On2 VP6 FLV 文件格式,这两种格式是 Flash 视频中最常用的编码方式。其中,Sorenson Spark 提供了良好的兼容性,而 On2 VP6 则提供了更高质量的视频压缩。 ##### 5. 网络传输 ...

    flexbuilder/(或myeclipse flex 插件)代码格式整理

    这样的工具能够按照预设的编码规范对Flex源码进行格式化,包括缩进、空格、换行等,确保代码的一致性。 在提供的压缩包文件列表中,我们看到了以下几个关键文件: 1. `.project`:这是Eclipse项目的配置文件,包含...

    flex编译

    9. **扩展和自定义**:Flex SDK允许开发者通过自定义编译器配置文件(flex-config.xml)来扩展编译器行为,实现特定的编码规范或项目需求。 总之,Flex编译涉及到了ActionScript和MXML的语法理解、Flex SDK的使用、...

    Flex 保存组件至本地

    如果要保存的是Flex图表(例如来自Flex Charting组件库的图表),可能还需要额外处理,因为这些组件可能包含复杂的颜色和渐变,需要正确地捕捉和编码。`BitmapData.draw()`默认可能无法完美地捕捉所有细节,可能...

    flex图表导出图片

    - **性能优化**:对于大数据量的图表,渲染和编码过程可能消耗大量资源,因此可能需要进行一些性能优化,如分批次处理、异步操作等。 至于提供的`ChartTest`文件,它可能是一个示例项目,包含了实现上述功能的代码...

    FlexCode

    FlexCode可能与Flex开发过程中的代码编写、调试、优化或者代码规范有关。 在Flex编程中,开发者会使用Flex SDK(Software Development Kit)来创建用户界面,这些界面可以在多个浏览器和操作系统上运行,提供丰富的...

    MyEclipse6.5中安装FLEX插件的过程.rar

    7. **调试和预览**:完成编码后,可以在MyEclipse中直接运行和调试Flex应用程序,通过内置的SWF预览器或外部浏览器查看效果。 8. **发布和部署**:当项目完成后,可以通过MyEclipse的"Export"功能将Flex应用程序...

    FLEX 图文编辑器(FLEX HTML编辑器)

    3. `build.properties` 和 `build.xml`:构建脚本,定义了编译和打包过程的规则。 4. `.settings`:包含项目的特定IDE设置,如编码格式和警告级别。 5. `libs`:存放项目依赖的库文件,包括Flex框架和其他第三方库。...

    Flex air 读写Excel文件

    AS3XLS库已经考虑了这一点,但开发者仍需要注意在读写过程中保持数据的编码一致性,避免出现乱码问题。 3. **写入Excel文件**:在写入数据时,可以使用`XLS.setCell()`或`XLS.setRange()`方法,将字符串、数字或...

Global site tag (gtag.js) - Google Analytics