第二章
Flex 2
应用程序开发入门
本章节的内容包含了
对
Flex
系列产品的概述,以及关
于
Flex
基础理论的相关教程。
关
于
Flex
Flex
提供了为专业开发人员所熟知的、基于标准的编程模式,以及一套发布高品
质
RIAs
的设计产品
。
RIAs
为
web
应用程序带来了快速响应并且内容丰富的桌面软件,以满足更有效力的用户体验
。
Flex
使用了卓越超凡
的
Adobe® Flash® Player 9
,允许开发人员无缝地扩展浏览器的能力,发布丰富并且快速响应的客户端应用、与服务器端更为健壮的整合功能、以及面向服务器端的体系构架。
关
于
Flex
产品系
列
Flex
产品系列包括了进行设计、开发、发布整
套
RIA
所需的一系列产品。它们是
:
- 1. Adobe® Flex™ 2 SDK
- 2. Adobe® Flex™ Builder™ 2
- 3. Adobe® Flex™ Data Services 2
- 4. Adobe® Flex™ Charting 2
关
于
Flash Player 9
Flex
应用程序在浏览器中运行时,它们采用了先进
的
Flash Player 9
运行时环境去执行客户端的逻辑,渲染图形、播放动画、声音以及视频
。
Flash Player 9
提供了对高性
能
ActionScript 3.0
的支持,一如即往地展示了它极具革新技术的表达力
。
Flash Player
为开发人员提供了一个设计用户界面的平台,无论是客户端还是客户计算机上的表现
层
/presentation-tier
的逻辑执行。因
为
Flash Player
能够在所有主流的操作系统和浏览器上运行,所以你并不需要去为某个浏览器或平台进行程序定制。
另外,
在
Flash Player 9
中运行
的
Flex
应用程序可以与浏览器中所显示
的
JavaScript
或
者
HTML
互动。因此,你可以
将
Flex
融合到一个已经存在
的
web
站点或者应用程序中,包括与其它基于浏览器的构架,
如
Ajax
或
JavaScript
库一起协同工作。
关
于
Flex Software Development Kit 2
Flex
系列产品中的核心
是
Flex Software Development Kit (SDK)
。
Flex 2 SDK
是技术实现和程序编制的基础集合,它使你可以使
用
Flex
系列产品来创建应用程序
。
Flex 2 SDK
包含
了
Flex
构架(类库),
Flex
编译器,调试器
,
MXML
和
ActionScript
编程语言,以及其它实用程序
。
Flex SDK
还包括了核
心
Flex
构架类库的源代码,使你可以学习这些类的代码并扩展它们以备你自己的使用
。
Flex SDK
可以作为一个独立包进行使用,或者集成
在
Flex Builder
和
Flex Data Services
里
。
Flex
应用程序
由
MXML
和
ActionScript
源文件组成。(译者注:简而言这
,
MXML
是用来进行用户界面布局设计的标签语言
,
ActionScript
是
Flash Player
的编程语言。)
关
于
Flex Builder 2
Flex Builder
是一个使
用
Flex SDK
、
Flex Data Services
和
Flash Player
来开发应用程序的集成开发环境
(
IDE
)。
Flex Builder IDE
为开发人员提供了各种工具用来进行开发、设计、
调
试
Flex
应用程序,其中包括集成的增量编译器和单步调试器。因为它
与
Flex 2 SDK
、
Flex
程序模型
、
Flex
编程语言紧密集成,所
以
Flex Builder
可以提高开发小组中所有成员的生产力
。
Flex Builder
是建立
在
Eclipse
工作平台上的(一种对于开发工具的开源平台)。因此
,
Flex Builder
可以作为一个独立的产品或
者
Eclipse
的插件来进行安装,并且能够
从
Eclipse
工作平台上数以百计的商业和开源项目中受惠
。
Flex Builder
提供了一套针
对
MXML
、
ActionScript
、层叠样式表
(
CSS
)的代码编辑器,帮助你更加容易地管理代码的源代码操纵工具,以及帮助排除程序中故障的调试器。对于用户界面的设计,
Flex Builder
支持可视化的设计视图,它可以使开发人员或者设计人员去布
置
Flex
组件,定制它们的外观,以及如何与用户进行互动
。
Flex Builder
设计视图的界面如下所示
:
Flex Builder
进行程序编制的界面如下图所示:
关
于
Flex Data Services 2
通过使
用
Flex Data Services
,大大地增强
了
Flex 2 SDK
的功能性
。
Flex Data Services
新增了对企业信息的支持,以及对
于
Flex 2 SDK
的数据服务架构。你可以
在
J2EE
应用服务器上或
者
servlet
容器里
将
Flex Data Services
发布为一个标准
的
web
应用程序
。
Flex Data Services
能够简化操作服务器上数据的编程模式。
关
于
Flex Charting 2
以图表或图形来显示数据的方式可以使用户更容易理解数据的使用。你可以将一个简单的数据表格,通过设置它的颜色、标题、以及二维表现方式来展示为条形、圆饼形、线形、或者其它类型的图表
。
Flex
图表组件扩展
了
Flex
的构架,增加了对大多数常用图表类型的支持,包括条形、圆饼形、线形、标图形和气泡形。图表组件是动态地在客户计算机上进行渲染的,从而使它可以非常容易地平铺、翻滚、以及其它增强用户体验的互动性。你还可以使用颜色和标题来使图形更有可读性。
一个简单的图表如下所示:
Flex
应用程序的特性
在
Flex
中,开发人员可以开发出符合各种需求类型的应用程序,它们是
:
- 1.
用户数据收
集
- 2.
配
置
- 3.
在客户端处理用户的输入,包括过滤和数据校
验
- 4.
直接反馈用
户
- 5.
多步骤处
理
- 6.
支持大数据
集
- 7.
实时数据推
进
- 8.
偶尔的客户端连
接
Flex
发布模
式
Flex
平台支持范围广泛的发布模式,它们是
:
1.
客户端模式,即应用程序只运行在客户端上而不需要服务器资源
。
2.
使用简单
的
RPC
访问服务器数据,即使
用
HTTPService
(
HTTP GET
或
POST
请求)
和
WebService
(通过使
用
SOAP
)。
3. Flex Data Services
模式,可以提供更为高级的特性,如数据同步、安全增强等等
。
Flex Data Services
增强
的
RPC
服务支持使
用
AMF
协议去访
问
RemoteObjects
。这样,你就可以访问远程服务器上
的
Java
对象
(
JavaBeans
,
EJBs
,
POJOs
)。同时
,
Flex Data Services
还提供了一个代
理
/proxy
以方便对服务器端数据的存取。
关
于
Flex Builder
的界面模
式
Flex Builder
提供两种界面模式:即开发设计模式、调试模式。你可以在主菜单中
的
Window>Perspective>
下对两者进行切换。
Flex
开发界面模式
打开开发界面模式,你将看到代码编辑器,它包括了导航
栏
/Navigator view
、调试
栏
/Problems view
、以及概述视图栏
。
Flex Builder
中的代码提示
代码编辑器包含了许多特征可以帮助开发人员简化他们的工作。其中最重要的特征称之为代码提
示
/
内容协
助
/Content Assist
(译者注:内容协助是其英文的直译,不太好,所以根据它的实际意思意译成代码提示),它将在你输
入
MXML
、
ActionScript
以
及
CSS
代码时给出完整的提示。请键
入
Control+Space
以打开代码提示。
在
Flex Builder
中设
计
Flex
应用程序
在开发界面中有两种设计方式:代码输入方式和可视化设计方式,你可以自由地在两者之间进行切换。当你选择可视化设计方
式
/Design mode
时,
Flex
界面上将出现设计面
板
/design canvas
、所支持的组
件
/Components
、以
及
Flex
属性
栏
/Properties views
。
Flex
调试模式你可以在代码编辑器中查看和编辑出错或被警告的代码。同时,你还可以设置断点、或单步执行来帮助你进行程序的调试。
编译应用程序
每当项目资源作出改动后
,
Flex Builder
便会自动地
将
Flex
和
ActionScript 3.0
编译
成
SWF
,并与相应
的
HTML
页面一起放置到项目的输出文件夹中。
分享到:
相关推荐
讲述了flex4.5开发中的所有的组件的新功能。同时可以了解flex4.5新添加的更多内容。
可以了解到ActionScript中常量与变量的基本用法
flex手机移动开发中文教程: 第一章 Hello World 第二章 应用程序布局 第三章 权限和配置设置 第四章 探讨API 第五章 使用文件系统 第六章 操作系统交互 第七章 发布Android的安装程序
第一章 Flex简介和开发环境 第二章 AS3语法 第三章 事件驱动 第四章 自定义事件 第五章 数据绑定 第六章 样式表和主题 .....实习之
除此之外,书中还贯穿了大量Demo级小例子,让技术不再抽象,帮你快速掌握Flex开发的关键。 本书采用概念讲解与实例结合的方式,偏重于实际应用,实用性强。适合作为Flex初学者的入门权威手册和Flex应用开发人员的...
第一章 地图图层接口类型 第二章 功能控件的接口类型 第三章 地图显示、操作相关类 第四章 公共结构类型 第五章 图形交互绘制类 第六章 地图事件类 第七章 网络上免费的地图显示类 第八章 跟服务器通讯的参数类型
第二章 Flash Builder 4 界面 2.1 主界面 2.2 主菜单 2.3 工具条 2.4 主要窗口 ·第三章 Flash Builder 4 新特性 3.1 Package explorer 3.2 悬停时的ASDOC提示 3.3 Getter & Setter 3.4 自动生成...
第二章 应用程序布局 ....................................................................................................................................................... 14 第三章 权限和配置设置 ......
Web前端技术项目式教程(HTML5+CSS3+Flex+Bootstrap)-课后练习答案.zip
第二章主要介绍ESRI主要产品之一ArcIMS的体系结构、组成、开发模式以及典型特征,并且介绍了ArcIMS+.Net web ADF和ArcIMS+Serlvet+XMLHTTP两种开发方式。 第三章主要介绍ESRI主要产品之一ArcGIS Server的体系结构,...
第二章. 控件与菜单(37) 2.1节. 监听按钮点击 2.2节. 创建一组状态按钮 2.3节. 使用ColorPicker设置Canvas颜色 2.4节. 使用SWFLoader载入SWF 2.5节. 设置组件的标签索引 2.6节. 设置控件的labelFunction 2.7节. ...
第二章 地图显示篇 第 1 问 怎样使用地图容器 ............................................................................................. 16 控件式: ...................................................
第一章. 开始Adobe AIR之旅 1.1 什么是Adobe AIR 1.2 安装AIR运行时及例程 ... 第二章. 设置Flex Builder 2.1 关于Flex Builder对于AIR的支持情况 2.2 从Flex Builder 2.0.1 迁移到Flex Builder 3 .......
第2章搭建ActionScript3.0开发环境 9 2.1搭建基于FlashCS3IDE的开发环境 9 2.1.1安装FlashCS3ID 9 2.1.2安装FlashCS3IDEupdate9.0.2 11 2.1.3在FlashCS3IDE下创建ActionScript3.0项目 11 2.2搭建基于Flex的开发环境 ...
《Spring攻略(第2版)》不仅为你全面而又深入地讲解各种概念,并且在每一章中都配备了一系列详细的代码示例,以帮助读者在实际的工作中迅速应用于实战。 SpringSource为核心框架添加了许多部件。这些部件不仅简化了...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
这是第二部分,两个部分需要一起下载后,放在同一级目录,解压即可。 目录 第1篇 了解开源软件 第1章 开源软件概述 2 1.1 开源软件的理解 2 1.2 开源软件的定义 3 1.3 开源软件定义的意义 5 1.4 开源软件和其他...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...