2008年12月11日星期四

使用 FlashDevelop 开发 ArcGIS Flex 应用

【环境】Windows XP SP3,FlashDevelop 3.0.0 Beta9,Flex SDK 3.2,ArcGIS Flex API 1.0

如果你对基于Eclipse的Flex Builder的编译和操作不甚满意,常常为它的无端崩溃而心怀不满,更或者,你不倾向于使用收费的Flex Builder(标准版300多美刀),那么,或许你可以尝试一下这个主题的主角——一款开源的Flex IDE:FlashDevelop。FlashDevelop使用MIT许可分发,拥有和Visual Studio风格类似的界面和操作,还拥有插件机制来扩展功能——总而言之,它可以成为FlexBuilder之外开发Flex应用的又一选择。

我们可以从 http://www.flashdevelop.org 获取FlashDevelop的安装文件和文档。当你安装Flex Builder的时候,或许你不用操心任何其它组件,包括Flex SDK和Flash Player Debug版本等等都内置在其中。但是安装FlashDevelop之前,你需要做些额外的准备:

1. 从 http://www.adobe.com/products/flex/flexdownloads/ 下载Flex SDK,解压到某个目录
2. 从 http://www.adobe.com/support/flashplayer/downloads.html 下载Flash Player Debug版本,我用的是:Download the Windows Flash Player 9 Projector content debugger (EXE, 3.64 MB)
3. 从 http://www.java.com/zh_CN/download/manual.jsp#win 下载并安装JRE 1.6

好了,现在你可以从 http://www.flashdevelop.org/community/viewforum.php?f=11 选择一个FlashDevelop版本下载并安装,马上我们就可以开始使用这个IDE了。

……
此处等待若干秒

好了,FlashDevelop安装完成,运行它,再进行最后一点配置:
1. 打开 Tools->Program Settings,选择 AS3Context 选项卡
2. 编辑 Flex SDK Location到你刚才下载并解压缩的Flex SDK目录

在进入Flex开发之前,再唠叨一点关于插件的内容。默认的FlashDevelop没有可视化的组件拖拽,如果需要,可以从http://www.flashdevelop.org/wikidocs/index.php?title=3rd_Party_Plugins获取Flex Design View插件并安装,安装过程可以参考http://www.flashdevelop.org/community/viewtopic.php?f=4&t=3727,安装这个插件以后你就可以在打开一个mxml文件以后选择Design视图进行可视化设计了。

另外,还有一个必不可少的插件FDB,用于AS3代码调试。这个插件可以在这个地址下载:http://orange.zero.jp/zbn39616.pine/download/download.html,把dll文件拷入FlashDevelop的plugin目录即可。安装完FDB后打开Tools->Program Settings->FdbPlugin,将DebugFlashPlayerPath设为上面下载的debug版本的Flash Player所在的位置。

好,现在让我们开始ArcGIS Flex API的开发。

首先新建一个Flex项目

然后,将ArcGIS API for Flex的swc库文件添加到项目

很遗憾,目前的FlashDevelop对外部库的智能感应做的还不好,所以在使用mxml进行编程的时候,需要你写比较多的手工代码。如图,我们添加了一个最简单的一个ArcGIS Flex例子,在一个Application中添加一个Map对象,Map中放置一个ArcGISTiledMapLayer,用以显示切片地图。值得注意的是,在Application标签中,对com.esri.ags.*和com.esri.ags.layers.*这两个命名空间的声明。

目前由于FlashDevelop对mxml支持的有限,建议将功能代码分离到AS代码中去,比如上面的例子可以把大部分代码放到Scripti标签中去,如此你可以充分利用FlashDevelop强大的AS功能。

最后说一下程序的调试,调试程序的前提是安装了FDB插件,并且正确设置了debug版本Flash Player的路径。在Debug菜单有切换断点、单步调试等菜单项,当然,每次都从菜单操作是很麻烦的,你可以打开Tools->Program Settings->FdbPlugin设置各个操作的快捷键。注意,不要和Flash Develop内置的快捷键冲突。

好,剩下的事情就和Visual Studio调试差不多了,看一下效果:

3 条评论:

匿名 说...

关键是免费,非常棒!支持FlashDevelop继续发展。

匿名 说...

试试再说~~!谢谢老牛

匿名 说...

他不老啊,1985年生的