- 浏览: 1506763 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (595)
- Java咖啡厅 (208)
- IT杂侃 (23)
- 程序员笑话 (7)
- 我的后现代文学 (1)
- WEB编程 (116)
- 软件评测 (8)
- 操作系统 (3)
- 炫目Ruby (2)
- 行业知识 (7)
- 我的动漫情结 (6)
- 其他 (8)
- Window DIY (6)
- 古文学 (3)
- 转载文章 (2)
- IT百科 (7)
- 动态网页Active (1)
- 文档 (1)
- 设计理论 (11)
- .NET 快速开发 (18)
- 英语学习 (6)
- 网站分析 (2)
- 开源软件 (4)
- 数据库 (28)
- 笔记 (4)
- 源代码共享 (8)
- IT人物 (2)
- 软件管理 (10)
- 小说创作 (0)
- 大众软件 (12)
- 网站评论 (3)
- 小虾乱说 (10)
- 游戏 (8)
- 心情 (3)
- 娱乐休闲 (2)
- Delphi编程 (1)
- PHP编程 (4)
- 中间件 (2)
- 移动开发 (2)
- Office应用 (2)
- Photoshop (1)
- Eclipse (5)
- 面试题 (1)
- 手机评测 (0)
- VBScript (1)
- WEB前端-EXT (3)
- 吐槽 (1)
- Java咖啡厅 Ibatis (1)
- javascript Ext (1)
- jquery ui (1)
- require (1)
- WEB编程 Javascript (1)
- jquery (1)
- Swing (1)
- 分布式 (1)
最新评论
-
zhangjihao:
28. 下面哪个Set是排序的? A. LinkedHas ...
Java面试题(选择题) -
zhangthe9:
ICMP报文被封装在IP包里,也就是说他是由IP协议承载的,从 ...
Java面试题(选择题) -
zhunengfei:
真的假的?
自已写的jquery ui框架 -
white_crucifix:
少年,发烫是所有智能手机的特点,而莫名发烫是所有安卓手机的特点 ...
【吐槽】三星手机的OS是一砣屎 -
suzu88:
试了一下,可以用。如果美化一下控件和窗体更有意思。
一个用XML构建Swing视图的框架
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
发表评论
-
AJAX
2019-06-12 22:41 871Ajax 全名为Asynchronous Javas ... -
Webpack入门配置
2019-01-05 15:33 3193Webpack是一个强大前端集成工具,它在Nodejs的基础 ... -
解决Jetty做Web容器时,修改JS或HTML出错的问题
2018-07-03 18:28 1074解决的方法 1. 进入jetty的安装目录 ... -
用JQuery做的一个分页效果
2018-05-28 02:29 2328这个效果主要使用jquery来实现, 每次显示 ... -
Vue自已写的日历插件
2018-05-07 12:36 6415自已写的日历插件,还在优化中,后续会陆续更新。 ... -
无刷新上传文件的方法
2018-04-15 00:05 827这里使用jquery.form.js的方法 1. ... -
zrender学习点滴
2018-01-21 20:37 1809Zrender是一个二维绘图引擎,它提供了Canvas,S ... -
原创程序- Web版数据库管理
2017-11-15 00:39 1177这是我自已写的Web版的数据库管理工具,主要是依赖于JDBC ... -
Vue学习点滴
2017-09-23 22:11 7361. 循环 v-for="(item, ... -
Eclipse创建Web项目
2017-07-29 10:53 7751. 打开创建Web项目的对话框 2 ... -
HTML5 新增功能收集
2017-04-29 03:18 658HTML 5是HTML发展以来最大的一次变革,相比其 ... -
Bootstrap学习记录点滴
2017-04-28 00:56 9121. 学习Bootstrap必进的学习网站 ... -
关于地图显示的一些知识
2017-02-18 23:34 9221. 墨卡托(Mercator)投影 墨卡 ... -
CSS知识记录点滴
2017-02-05 11:06 5951. 元素无法选择 -webkit-u ... -
用JS制作3D效果布局
2016-12-04 22:18 25这是用JS做的一个3D布局效果的程序, 目前还是研究 ... -
tntxiawebmvc 做国家管理的系统
2016-11-19 18:21 8631. 首先我们先增加一个Web项目 如图:我们在左 ... -
jtopo学习记录
2016-11-13 13:34 15281. 通过JSON的格式来创建结点: $(funct ... -
Html 5 Canvas 学习记录
2016-11-13 10:28 5831. stroke beginPath endPat ... -
jquery杂记
2016-08-11 19:11 6911. $ 的作用 $ 在jquery里面有两 ... -
自已写的jquery ui框架
2016-03-08 23:53 1544这个是自已写的一个jquery ui的插件,目的是 ...
相关推荐
【Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程】 Flex是一种基于Adobe Flash技术的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、响应式的用户界面,通常与后端数据服务配合...
总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程概念以及实际应用案例。通过这些教程,你可以建立起对Flex开发的全面认识,并有能力...
Flex入门实例教程是一份非常适合初学者的资源,它旨在引导用户逐步掌握Adobe Flex技术。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,主要用于创建运行在浏览器中的交互式、高性能的用户界面。本...
本入门教材《Flex 入门教材.pdf》旨在帮助初学者快速掌握Flex的基础知识和应用技巧。 一、Flex简介 Flex提供了一整套开发工具,包括Flex Builder(现已更名为Flash Builder),它基于Eclipse平台,为开发者提供了...
《Flex入门》及ActionScript 3.0 语言是针对Adobe Flex这一开发框架的基础学习资料,旨在帮助初学者快速掌握Flex应用开发的核心概念和技术。Flex是用于构建富互联网应用程序(RIA)的开源框架,它结合了强大的MXML...
《Flex入门培训》这部分内容通常会涵盖以下关键知识点: 1. **Flex架构与环境**:介绍Flex SDK(软件开发工具包)和Flex Builder(现称为Flash Builder),以及如何安装和配置这些工具。 2. **MXML和ActionScript*...
Java Flex入门实例主要涉及到的是Java和Adobe Flex的集成开发,这是一种常见的富互联网应用程序(Rich Internet Application,RIA)开发模式。Flex是基于ActionScript和Flash Player技术的开发框架,用于构建具有...
这个大礼包包含两本非常重要的学习资料:《Flex cookbook(中文版)》和《Flex入门到实践》。这两本书将帮助初学者深入理解Flex的原理与实践应用。 《Flex入门到实践》这本书可能涵盖了以下知识点: 1. **Flex基础**...
Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA,...通过学习和实践这份"Flex入门教学材料",你将能够掌握Flex的基础知识,逐步成长为一名熟练的Flex开发者。记得不断练习和探索,才能更好地掌握Flex的精髓。
本篇文章将深入探讨Flex的基本概念、数据绑定、HTTPService的使用以及创建自定义事件,这些都是Flex入门阶段需要掌握的关键知识点。 首先,让我们来了解一下Flex的数据绑定。在Flex中,数据绑定是一种强大的机制,...
Flex教程是针对Adobe Flex这一开发框架的学习资源,尤其适合初学者快速入门。Flex是一个开源的、基于MXML和ActionScript的框架,用于构建富互联网应用程序(Rich Internet Applications, RIA)。它允许开发者创建...
这个“Flex入门到精通集合包”是一个全面的学习资源,涵盖了从基础到进阶的全套教程,旨在帮助学习者快速掌握Flex开发技能。 一、Flex基础知识 1. Flex框架:Flex框架包括Flex SDK和Flex Builder。SDK是免费的开发...
### Flex入门系列文档知识点概述 #### 一、Flex基础概念及环境配置 ##### 1.1 Flex SDK - **定义**:类似于Java的JDK,是Flex开发的基础环境,主要包含版本有4.1、4.5及4.5.1。 - **组成**:包含了一套AIR SDK以及...
Flex入门学习文档主要介绍了如何搭建Flex开发环境以及与Java后台的简单交互,这对于初学者来说是进入Flex开发领域的基础步骤。Flex是一种用于构建富互联网应用程序(RIA)的技术,它允许开发者创建具有动态用户界面...
标题:Flex入门介绍 描述与知识点: Flex是一个强大的开源框架,用于构建高性能的富互联网应用(RIA)。由Adobe系统开发,Flex使用MXML和ActionScript编程语言,允许开发者创建复杂且交互性强的应用程序,这些应用...
这个“Flex入门学习资源包”为初学者提供了全面的学习材料,包括ActionScript的基础知识和Flex的实战指南。 ActionScript是Flash平台的核心编程语言,主要用于创建交互式内容和动画。OReilly.ActionScript.3.0....