仰望星空

摘要： 终于可以实现第一个Widget了，按照惯例，我们通过一个Hello World Widget来说明如何在Flex Viewer中开发、编译、配置、部署和使用自定义Widget。Flex Viewer的源代码中已经包含了一个HelloWorld Widget，我们还是亲手尝试一下吧。1） 安装Flash Builder，下载Flex Viewer源码，我们使用最新的2.3；2） 打开Flash Builder，导入Flex Viewer 2.3的源代码；3） 鼠标放在widgets包上，单击右键，在弹出的菜单中选择New，然后单击MXML Component；4） 在New MXML Compo 阅读全文

摘要： 虽然每个Widget都是封装良好的一个组件，提供一组针对特定业务功能的操作，但是有时候需要Widget之间的彼此协作来完成一个粒度更大的业务逻辑。此时就需要Widget之间的交互，或者说通信。经常看到这样的问题“一个Widget如何调用另外一个Widget的方法？”。Widget之间彼此相互独立，互不知晓，“一个Widget调用另一个Widget的方法”意味着两个Widget紧密地耦合在了一起，这不符合“松耦合”的要求。那么Widget之间该如何交互呢？答案还是事件！还记得ViewerContainer的addEventListener()和dispatchEvent()方法么？ViewerC 阅读全文

摘要： HelloWorldWidget中短短几行代码，却能实现如此cool的一个Widget，这要归功于WidgetTemplate。WidgetTemplate是IWidgetTemplate接口的默认实现，提供组成Widget的各个部分，包括标题栏、内容面板、控制按钮、工具按钮、Widget图标等等。Widget将WidgetTemplate作为UI容器，比如在HelloWorldWidget中，我们将显示信息的Label放在WidgetTemplate中。当然，也可以实现自定义WidgetTemplate，只要实现IWidgetTemplate接口即可。在Flex Viewer2.0以后，Wi 阅读全文

摘要： 在Flex Viewer的设计中，每个Widget都可以有一个配置文件，来配置Widget所需要的各种资源，提倡的做法是配置文件名与Widget名称保持一致，并且位于同一目录下。当然，Widget的配置文件不是必须的，当不需要配置信息时，配置文件可省略。在《Flex Viewer解析》中，我们以HelloWorldWidget为例，说明如何在Flash Builder中实现自定义Widget。下面我们同样以HelloWorldWidget为例，来说明Widget如何从其配置文件获取资源信息。先来看一下HelloWorldWidget.xml，也就是配置文件的内容：<?xml versio 阅读全文

摘要： Flex Viewer的设计原则是SIMPLICITY（简单）。因为简单原则，Flex Viewer易于部署、配置和扩展。为了达到“简单”这个目的，Flex Viewer在设计和实现上未引入第三方框架。但是从其框架结构上，我们能捕捉到一些Flex框架中最佳实践的影子，比如事件机制就与PureMVC中的Notification机制类似。其实，Flex Viewer本身就可以被认为是一个框架。在这个框架基础上，可以通过扩展快速实现业务系统原型。本文档将详细介绍如何在“简单”原则下实现自定义Widget，以及Widget如何与其它模块交互。说明本文档使用的代码位于widgets.FlexViewer 阅读全文

摘要： 图 3.1 Flex Viewer整体结构3.3 初始化那些事儿在浏览器地址栏输入Flex Viewer的地址，经过短暂等待，当她华丽丽地展现在我们眼前，你是否想过在这短暂的等待中，Flex Viewer都做了哪些事情呢？本小节我们来探讨Flex Viewer初始化那些事儿。注意，我们这里所说的Flex Viewer初始化，不是Flex概念中组件生命周期的初始化部分，而是指Flex Viewer在可以与用户交互之前，所做的准备工作。图 3.2 Flex Viewer初始化过程3.2小节中，我们强调通过使用事件，Flex Viewer将各模块之间充分解耦。实际上，事件也伴随着Flex Viewe 阅读全文

摘要： Flex Viewer源代码是Flash Builder中标准的Flex工程，可直接导入到Flash Builder。下面分别介绍一下源代码包结构中的各个部分，包结构如下图所示。1） src根目录：包含index.mxml、defaults.css和config.xml。index.mxml是系统入口点，也就是创建Flex Application实例的地方；defaults.css是Flex Viewer中用来定义组件样式的文件，所有对组件样式进行定义的css脚本都可以放到这个文件中，defaults.css在index.mxml中被引用；config.xml是缺省配置文件。2） apps：F 阅读全文

摘要： Flex Viewer是ArcGIS Viewer for Flex的简称，其1.x版本的名称为Sample Flex Viewer，自2.0改称ArcGIS Viewer for Flex。Flex Viewer是基于ArcGIS API for Flex（简称AGS Flex API）设计的一个WebGIS应用程序，1.x版本基于Flex3， 2.x版本基于Flex4，当前最新版本是2.3。Flex Viewer的版本是随着AGS Flex API更新而更新的，并且版本号与其保持一致。每个版本的Flex Viewer都体现了其对应版本的AGS Flex API的新特性和新功能，同时，Fle 阅读全文