`
tntxia
  • 浏览: 1506763 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Flex入门

 
阅读更多

Flex 通常指Adobe Flex,Flex 最初是Macromedia公司在2004年3月发布的,基于Flash平台,涵盖了支持RIA(Rich Internet Application)的开发和部署的一系列技术的组合。

 

Flex是一个安装在客户端的表现层的服务器;一个富用户界面组件库;是一个类XML基础的标记语言,用来布局组件,是使用ActionScript这种OOP(面向对象设计)语言用于用户界面和应用程序的一个框架。

 

Flex是一个高效、免费的开源框架,可用于构建具有表现力的WEB应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR,运行时跨浏览器、桌面和操作系统实行一致的部署。虽然只能使用Flex框架构建Flex应用程序,但Adobe Builder(之前称为Adobe Flex Builder)软件可以通过智能编码,交互式遍历调试以及可视化用户界面等功能加快开发。

 

使用Flex构建的RIA可运行于使用Adobe Flash Player的浏览器中,或在浏览器外运行于跨操作系统运行的Adobe AIR上,它们可以跨所有的浏览器、在界面实现一致的运行。连接到Internet的计算机有98%安装了Flash Player,这是一个企业级客户端运行时,它的高级矢量图形处理要求最高、数据密集型应用程序。通过利用AIR、Flex应用程序可以访问本地数据和系统资源。

 

Macromedia Flash 是一个强大的矢量图形编辑工具,在做动画起家以后,Flash一直在谋求RIA(Rich Internet Application)富客户端的霸主地位,最有影响力的是,已经推出面向对象的编程脚本ActionScript 3.0,并建立起类似Java Swing的类库和相应的Component(组件),Flex是通过Java、.net等非Flash途径解释.mxml文件组织Components并生成相应的.swf文件。Flex的Component和flash的Component很相似,但是有所改进和增强。目前Macromedia公司已经被Adobe公司收购。当前Flex的最高版本为4.6.

 

通过Flash一样可以得到Flex的效果,为什么还需要用Flex呢?这里面有两个原因。

 

1. 为了迎合更多的开发者。Flash天生是为设计者(Designer)而生的。界面上的Flash的动画概念和程序开发人员格格不入,为了吸引更多的asp/php/jsp开发人员,Macromedia推出了Flex,用非常简单的.mxml文件来描述与asp/php/jsp开发使用的html相似,而且mxml文件更加规范,标准化。

 

2.为了一个标准。微软使用xaml,一种界面描述语言,与之相应的Smart client是与Flex非常相似的东西。

 

Flex技术的组成部分

 

1. 描述应用程序界面的XML语言(MXML);

2. 符合ECMA规范的脚本语言ActionScript),处理用户和系统的事件,构建复杂的数据模型;

3. 一个基础类库;

4. 运行时的即时服务;

5. 由MXML与ActionScript文件生成swf文件的编译器。

 

RIA

 

学习Flex首先要了解RIA技术。RIA(富互联网应用程序)是企业级应用程序客户端的最新技术,具有高度的用户互动性和丰富的用户体验。RIA技术的出现是在企业级应用程序经历了几次系统构架方面的转变的必然结果。

 

企业级应用程序最初的模式是客户机/服务器(Client/Server,C/S)应用程序。20世纪90年代随着Windows的出现和客户端处理能力的增强,出现了客户机/服务器程序。它采用图形用户界面,客户端的数据处理能力比较强。但由于受到局域网的限制,客户端应用程序需要进行不断的更新,因此其应用范围存在很大的局限性。

 

20世纪90年代中期,互联网飞速发展,出现了浏览器/服务器(Browser/Server B/S)应用程序。Web技术的使用解决了C/S应用程序的问题,但由于使用HTML页面形式的用户界面,客户端的数据处理能力较C/S应用程序有所减弱。

 

RIA技术的出现重新平衡了客户端和服务端的关系。RIA是B/S技术在客户端的突破发展,它是集桌面程序的最佳用户界面功能和Web应用的普遍采用和快速、低成本布署以及互动多媒体通信的实时快捷于一体的新一代网络应用程序。RIA大致包括Flex,Ajax,WPF、OpenLaszlo和Google Web Toolkit等一系列产品,而Flex是同类产品中最领先和成熟的产品,改善了用户体验。

 

 关于MXML

 

MXML是描述Flash应用程序的XML1.0文件。和其他XML语言一样,MXML包含元素(标签)和属性,对大小写敏感。

 

MXML类似于HTML,也提供各种标签来定义用户界面。但是他比HTML的结构要求更严格,并拥有更多的标签。MXML标签不仅包括可视的标签,如数据表格DataGrid、树结构Tree和菜单Menu等,还包括不可视的标签,如Web Service连接、数据绑定和动画效果等。用户还可以自定义的定义为一个MXML标签。

 

使用MXML的好处

 

使用MXML的好处是方便布局和定位。Adobe提供了Flash Builder,在该编辑器中用户可以可视化的拖动组件,进行布局设计。例如,在一个画布容器中嵌套一个画布容器,在MXML代码中可以非常容易地表现出来,而使用ActionScript中的addChild则比较难以观察。

 

使用MXML的好处之二 ,是更容易区分外观部分的代码和其他部分的代码,这样代码更加清晰,可读性更高。

 

MXML语言使用方便是其第三个好处。例如使用MXML后,可以将定义外观风格的代码放入CSS文件,而绑定数据只需要放在一对大括号中。

 

 

运行Adobe Flash Builder 4.6

在所有程序中,找到Adobe Flash Builder,点击打开。打开界面如下图:

 

 

 

Flash Builder是基于Eclipse开发的软件,可以对MXML、ActionScript和CSS代码进行编辑。它具有可视的代码和设计视窗。Flash Builder提供代码提示和其他的帮助,并可以使用自定义的编译和调试(Debug)。

 

 建立一个Flex的“Hello World”

 

(1)在包资源管理的空白处,选择右键新建->Flex项目,新建一个Flex项目。如下图:

 

 

项目名为Demo,SDK选择默认的Flex4.0,应用服务选择J2EE,远程对象访问选择“无/其他” 

 

最后点击完成。完成了项目的构建。

 

2.完成新建项目后,项目中会默认生成一个与项目名同名的.mxml文件。如下图:

 

 

点击“设计”,从组件面板中,把标签(Label)组件拖到设计视窗,并在属性面板改变标签的text属性为Hello world!

 

 

 

 

切换回代码视窗,在标签代码行中,按下空格键,就会出现代码提示信息,如图所示:

 

 

完成代码后,单击【保存】按钮,存储代码。然后选择运行,运行Demo,就可以运行我们的Hello world了。

 

 注:有些浏览器不支持调试Flex,修改的方法如下:

选择菜单->首选参数->常规->浏览器 ,勾选“Internet Explorer”就行了。

ActionScript

 

 

  • 大小: 42.2 KB
  • 大小: 14.8 KB
  • 大小: 19.2 KB
  • 大小: 14.6 KB
  • 大小: 57.2 KB
  • 大小: 48.4 KB
  • 大小: 626 Bytes
分享到:
评论

相关推荐

    Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程

    【Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程】 Flex是一种基于Adobe Flash技术的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、响应式的用户界面,通常与后端数据服务配合...

    flex入门打包教程

    总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程概念以及实际应用案例。通过这些教程,你可以建立起对Flex开发的全面认识,并有能力...

    Flex入门实例教程

    Flex入门实例教程是一份非常适合初学者的资源,它旨在引导用户逐步掌握Adobe Flex技术。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,主要用于创建运行在浏览器中的交互式、高性能的用户界面。本...

    Flex 入门教材.pdf

    本入门教材《Flex 入门教材.pdf》旨在帮助初学者快速掌握Flex的基础知识和应用技巧。 一、Flex简介 Flex提供了一整套开发工具,包括Flex Builder(现已更名为Flash Builder),它基于Eclipse平台,为开发者提供了...

    《Flex入门》及ActionScript 3.0 语言

    《Flex入门》及ActionScript 3.0 语言是针对Adobe Flex这一开发框架的基础学习资料,旨在帮助初学者快速掌握Flex应用开发的核心概念和技术。Flex是用于构建富互联网应用程序(RIA)的开源框架,它结合了强大的MXML...

    Flex入门资料 flex3.0

    《Flex入门培训》这部分内容通常会涵盖以下关键知识点: 1. **Flex架构与环境**:介绍Flex SDK(软件开发工具包)和Flex Builder(现称为Flash Builder),以及如何安装和配置这些工具。 2. **MXML和ActionScript*...

    java flex入门实例

    Java Flex入门实例主要涉及到的是Java和Adobe Flex的集成开发,这是一种常见的富互联网应用程序(Rich Internet Application,RIA)开发模式。Flex是基于ActionScript和Flash Player技术的开发框架,用于构建具有...

    Flex cookbook(中文版)+Flex入门到实践

    这个大礼包包含两本非常重要的学习资料:《Flex cookbook(中文版)》和《Flex入门到实践》。这两本书将帮助初学者深入理解Flex的原理与实践应用。 《Flex入门到实践》这本书可能涵盖了以下知识点: 1. **Flex基础**...

    Flex 入门教学材料

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA,...通过学习和实践这份"Flex入门教学材料",你将能够掌握Flex的基础知识,逐步成长为一名熟练的Flex开发者。记得不断练习和探索,才能更好地掌握Flex的精髓。

    FLEX简单的入门快速总结

    本篇文章将深入探讨Flex的基本概念、数据绑定、HTTPService的使用以及创建自定义事件,这些都是Flex入门阶段需要掌握的关键知识点。 首先,让我们来了解一下Flex的数据绑定。在Flex中,数据绑定是一种强大的机制,...

    Flex教程flex 入门教材,简单易学

    Flex教程是针对Adobe Flex这一开发框架的学习资源,尤其适合初学者快速入门。Flex是一个开源的、基于MXML和ActionScript的框架,用于构建富互联网应用程序(Rich Internet Applications, RIA)。它允许开发者创建...

    flex入门到精通集合包

    这个“Flex入门到精通集合包”是一个全面的学习资源,涵盖了从基础到进阶的全套教程,旨在帮助学习者快速掌握Flex开发技能。 一、Flex基础知识 1. Flex框架:Flex框架包括Flex SDK和Flex Builder。SDK是免费的开发...

    Flex 入门 系列文档

    ### Flex入门系列文档知识点概述 #### 一、Flex基础概念及环境配置 ##### 1.1 Flex SDK - **定义**:类似于Java的JDK,是Flex开发的基础环境,主要包含版本有4.1、4.5及4.5.1。 - **组成**:包含了一套AIR SDK以及...

    Flex入门学习文档

    Flex入门学习文档主要介绍了如何搭建Flex开发环境以及与Java后台的简单交互,这对于初学者来说是进入Flex开发领域的基础步骤。Flex是一种用于构建富互联网应用程序(RIA)的技术,它允许开发者创建具有动态用户界面...

    Flex入门介绍(PDF)

    标题:Flex入门介绍 描述与知识点: Flex是一个强大的开源框架,用于构建高性能的富互联网应用(RIA)。由Adobe系统开发,Flex使用MXML和ActionScript编程语言,允许开发者创建复杂且交互性强的应用程序,这些应用...

    Flex 入门 学习资源包

    这个“Flex入门学习资源包”为初学者提供了全面的学习材料,包括ActionScript的基础知识和Flex的实战指南。 ActionScript是Flash平台的核心编程语言,主要用于创建交互式内容和动画。OReilly.ActionScript.3.0....

Global site tag (gtag.js) - Google Analytics