Flex4系列教程之四 – Flash Builder4

本系列教程目标:使初学者了解富网络应用概念,理解并掌握以下四种架构方法。
1. Flex + BlazeDS + Spring(< 2.5.6) + iBATIS + Cairngorm
2. Flex + BlazeDS + Spring BlazeDS Integration + Spring(>= 2.5.6) + iBATIS + Cairngorm
3. Flex + BlazeDS + Spring(< 2.5.6) + iBATIS + pureMVC
4. Flex + BlazeDS + Spring BlazeDS Integration + Spring(>= 2.5.6) + iBATIS + pureMVC

Flash Builder4 是什么?
Flash Builder4 是一个 Eclipse 插件,版本 4 之前称为 Flex Builder。用于帮助开发者使用 Flex 框架快速开发跨平台的富网络应用。正如下图描述的那样, Flash Builder4 已经集成了 Flex SDK,你不需要再额外下载安装它。

 

Flash Builder4 版本及授权
有 4 个版本,分别是:
Flash Builder 4 高级版
Flash Builder 4 标准版
Flash Builder 4 标准教育版
Flash Builder 4 高级教育版

其中“Flash Builder 4 标准教育版“注册(需要提供教师资格的相关证明)后可免费下载使用,其他都是收费的(但有 60 天的试用期)。

 

Flash Builder4 开发者
Adobe Systems Incorporated

 

Flash Builder4 主要特征

  • 强大的编码工具
    借助功能强大、基于 Eclipse™ 的 IDE 进行开发,它包含针对 MXML、ActionScript® 语言和 CSS 的编辑器以及语法颜色、语句完成、代码折叠、交互式点进调试和自动生成常用代码。
  • 丰富的可视布局
    使用一个丰富的内建组件库以可视方式设计和预览用户界面布局、外观和行为。扩展内建 Flex 框架组件或根据需要创建新组件。导入使用 Adobe Flash Catalyst™ 交互式设计工具创建的功能性应用程序 UI。
  • 以数据为中心的开发
    检查 Java™、PHP、Adobe ColdFusion®、REST 和 SOAP 服务,在新的“Data/Service”(数据/服务)资源管理器中显示方法和属性。使用简单的拖放方法将方法绑定到 UI 组件。
  • 交互式数据可视化
    只需使用 Flex Charting 库拖放图表类型并将它链接到数据源,即可创建数据仪表板和交互式数据分析。使用功能强大的 Advanced Datagrid 使用户能浏览复杂数据。
  • 外观与样式设计
    使用 CSS 和图形属性编辑器自定义应用程序外观。快速设置最常用的属性,并在“Design”(设计)视图中预览结果。使用新的 Theme Browser(主题浏览器)浏览可用主题,并将它们应用于您的项目。
  • 与 Adobe Creative Suite 设计工具集成
    导入使用 Adobe Flash Professional、Illustrator®、Photoshop® 或 Fireworks® 软件创建的设计资源,或导入使用 Flash Catalyst 创建的整个应用程序用户界面。Flash Professional 与 Flash Builder 之间的新工作流程简化了自定义 Flex 组件的导入和更新。
  • 对 Adobe AIR 的本机支持
    使用 Flash Builder 4(包括构建、调试、打包和签署 AIR 应用程序所需的全部工具)为 Adobe AIR® 运行时创建应用程序。Adobe AIR 允许您使用与构建浏览器 RIA 相同的技能和代码库快速开发桌面 RIA。
  • 代码重构
    通常重命名对类、方法或变量的所有引用,在代码中实现快速导航或对它进行重构。Flash Builder 4 增加了移动重构。
  • 功能强大的测试工具(仅限高级版)
    借助内存和性能概要分析器提高应用程序性能,它们可以监视和分析内存消耗情况以及 CPU 周期。还提供对 HP QuickTest Professional 等自动化功能测试工具的支持。
  • Network Monitor(网络监视器)(仅限高级版)
    为本地 Flex 应用程序与后端之间通过的全部数据生成一个详细的审计追踪,为调试和性能调试提供协助。
  • 高级数据服务
    使用开放源 BlazeDS 添加二进制、高性能、基于 HTTP 的数据传输,或增加 Adobe LiveCycle® Data Services ES2 模块以实现实时数据推送及 pub/sub 消息传递。
  • 命令行构建(仅限高级版)
    使用新的命令行构建功能实现构建流程自动化。
  • Flex 单元测试集成(仅限高级版)
    使用 Flex 单元测试框架实现功能测试自动化。
  • ASDoc 支持
    使用 ASDoc 在 MXML 和 ActionScript 编辑器中显示注释。

对比 Flash Builder4 标准版,Flash Builder4 高级版,Flex Builder3 及 Flex4 SDK 的功能

 

Flash Builder4 的系统要求(软件)

  • 操作系统
    Microsoft® Windows® XP with Service Pack 3
    Windows Vista® Ultimate or Enterprise (32 or 64 bit running in 32-bit mode)
    Windows Server® 2008 (32 bit)
    Windows 7 (32 or 64 bit running in 32-bit mode)
  • Java™ 虚拟机 (32 位)
    IBM® JRE 1.5
    Sun™ JRE 1.5
    IBM JRE 1.6
    Sun JRE 1.6
  • Eclipse 3.4.2 或 3.5 (插件安装)

 

在 Windows 操作系统上安装 Flash Builder4
Flash Builder4 安装文件有两种形式:”独立安装文件“(即,安装文件已经包含 Eclipse)和“插件安装文件”(不包含 Eclipse)。以下只介绍插件形式的安装。

第一步:下载相关软件
1. 下载 JDK 6(76.67 MB)
2. 下载 Eclipse IDE for Java EE Developers (基于 Eclipse 3.5 SR2,190 MB)
3. 下载 Flash Builder 4 高级版

  • 免费创建一个 Adobe 账号
  • 创建账号成功后会显示“Download Adobe Flash Builder 4 Premium”页面
  • 在下拉菜单中选择“English | Eclipse Plug-in Windows | 403.3 MB”
  • 点击“Download”按钮下载

第二步:安装
1. 安装 JDK;
2. 解压 Eclipse 到指定目录,确保 Eclipse 能正常启动;
3. 安装 Flash Builder 插件之前关闭 Eclipse 和所有浏览器窗口;
4. 运行 Flash Builder 插件;

  • 选择安装前的解压目录

  • 选择语言(这只是安装向导的语言,安装后 IDE 中菜单的语言依据操作系统自动识别)

  • 之后是介绍信息,点“Next”
  • 之后是许可协议,选择同意后点“Next”
  • 之后选择安装路径,点“Next”
  • 指定上面安装的 Eclipse 位置,点“Next”

  • 待执行完启动 Eclipse ,在新建项目弹出窗口中会有“Flash Builder”一项,至此安装完毕。

 

Flash Builder4 相关文档
Using Flash Builder 4(英文)

 

[声明:]
本文部分图片出于 Understanding Flex in the client/server model 一文,感谢原作者的付出。

Tagged BlazeDS, Cairngorm, Flash Builder, Flex, Flex教程,iBATIS,mybatis, pureMVC,RIA,Spring Framework

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


一:display:flex布局display:flex是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。Flex是FlexibleBox的缩写,意为"弹性布局",用来为盒状模型提供最大的灵
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐,方法有很多,但是在学习了flex布局之后,垂直居中更加容易实现HTML代码:1<divclass="demo">2<divclass="inner">3<p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p>4</div
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些应用。常见的例子,比如360杀毒,photoShop,VisualStudioCode等等移动端app是什么,有哪些应用。常见的例子,比如手机微信,手机qq,手机浏览器,美颜相机等等PC端与移动端的区别第一:PC考虑的是浏览器的兼容性,移动端考
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周末了,难得学点东西,grid是之前看到的,很好奇,讲的二维的布局,看起来很方便,应该很适合移动端布局,所以今天抽时间学一学,这个当是笔记了。参考的是阮老师的博客。阮一峰:CSSGrid网格布局教程http://www.ruanyifeng.com/blog/2019/03/g
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后,浮动,定位将不会有效果)给父元素设置的属性:(1)display:flex---把容器设置为弹性盒模型。(2)flex-direction---设置弹性盒模型主轴方向默认情况下主
我在网页上运行了一个Flex应用程序,我想使用Command←组合键在应用程序中触发某些操作.这在大多数浏览器上都很好,但在Safari上,浏览器拦截此键盘事件并导致浏览器“返回”事件.有没有办法,通过Flex或通过页面上的其他地方的JavaScript,我可以告诉Safari不要这样做?解决方法:简短的
flex布局,flex-item1<template>2<viewclass="container">3<viewclass="greentxt">4A5</view>6<viewclass="redtxt">7B8<
我应该设计一个大型多点触控屏幕的应用程序.从大到大,我的意思是新闻广播员(大约55英寸及以上).该应用程序是一个交互式地图.我的问题是:开发应用程序的技术.我的第一个想法是在AdobeFlex中制作,但是HTML5也是如此……必须有一些非常棒的Java库用于触摸交互,但是在Windows平台上
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&quo
【1】需求:  【2】解决方案:最近遇到布局上要求item两端对齐,且最后一行在列不满的情况下要求左对齐,使用flex的justify-content:space-between;实现时发现最后一行不能左对齐,而是两端对齐方式。 不是项目上想要的效果#网上查了一些资料,有两种方法可以实现效果:**1.
我有一个java套接字服务器,它在连接时将Animal对象发送到Flash客户端.对象发送方式如下:Amf3Outputamf3Output=newAmf3Output(SerializationContext.getSerializationContext());amf3Output.setOutputStream(userSocket.getOutputStream());amf3Output.writeObject(animal)
我正在开发一个Flex3.4应用程序,它通过最新版本的BlazeDS与JBoss-4.2.2服务器上运行的JavaEE后端进行交互.当我在Tomcat上从FlashBuilder4beta2运行Flex应用程序时,一切都很好,Flex应用程序能够进行所需的远程调用.但我的生产环境是在JBoss上,当我将应用程序移动到JBoss时(更
我有一个非常大的问题.我使用Flex3/Tomcat/BlazeDS/Spring编写了一个大型应用程序,在本地开发时运行良好,当我部署到公共开发环境时很好,但是当部署到我们的测试环境时经常失败.当远程处理请求花费大量时间(超过20秒)时,故障似乎最常发生.在我的开发服务器上,错误发生,但仅
弹性和布局display:flex在ie6,ie7不兼容状态,一般在pc用的比较少,在手机端所有的浏览器都是支持的控制子元素在父元素里面的位置关系display:flex是给父元素加的文档流是按照主轴排列,只要父元素加了flex,那么里面的子元素全部可以直接添加宽高主轴的方向
FLEX2.0源码分析(一)https://www.jianshu.com/p/8bc4c5f4b19fFLEX源码分析二(网络监测swizzle)https://www.jianshu.com/p/ffb95f2cbda6FLEX源码分析三(网络监测记录FLEXNetworkRecorder)https://www.jianshu.com/p/66267dc922c5FLEX源码分析四(Systemlog)https://www.jianshu.
1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title><itle>6<style>7*{8margin:0;9padding:0;10
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&qu
flex:将对象作为弹性伸缩盒显示inline-flex:将对象作为内联块级弹性伸缩盒显示两者都是使子元素们弹性布局,但是如果是flex,父元素的尺寸不由子元素尺寸动态调整,不设置时默认是100%,而inline-flex则会使父元素尺寸跟随子元素们的尺寸动态调整。
<html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width"><title>test<itle><stylemedia="screen">.tab-head{list-style-type:no
有没有办法使用邮政编码找到径向距离?我的任务是搜索居住在指定距离内的所有用户.我知道用户的zipcodes.例如,距离当前位置25英里的用户.我有其他搜索类别,我正在使用mysql查询.我无法解决距离问题.我的后端是在PHP中Flex的前端和前端.对我来说最好的选择就是www.zip-codes.com