arcgis for flex api version3.7 教程:4.创建Flex移动应用

本文介绍如何使用Adobe Flash Builder和ArcGIS API for Flex创建一个基本的移动地图应用程序。包括配置开发环境、设置项目属性以及编写代码来显示地图等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前提条件:
在这一节,你将学习创建一个基本的Flex移动应用,以展示地图为例。在做之前,确保完成以下事项。
》Adobe Flash Builder 4.5.1(及以后版本)
》用最新的Adobe AIR SDK覆盖已有的Flex SDK。覆盖教程: Overlay AIR SDK on Flex SDK .
》下载ArcGIS API for Flex.


下面将详细介绍如何来开发移动地图应用,下面的教程是针对Android设备,但ios设备上的开发步骤类似。


1 在FB中,打开File>New>Flex Mobile Project.
2 设置工程名称和工程存储路径。
3 设置Adobe AIR SDK,绑定到Flex SDK,点击下一步。如果所需sdk没有列出来,点击configure Flex SDKs...浏览打到所需要的sdk。
如下图所示:


4 在Mobile Settings页面,选择Google Android,其他保持默认,点击下一步。
如下图所示:


5 (可选项)点击Permissions按钮,可以选择所需的设备运行权限。本教程中默认即可,点击下一步。
如下图所示:


6 在Server Settings页面,保持默认,下一步。
如下图所示:


7 在Build Paths 页面,点击Add SWC...,浏览添加下载的ArcGIS for Flex API的库。
如下图所示:


提示:在该教程中没有修改application ID.但是在实际的工程开发中,一个合格的application ID 不应该是这样的,正确示例如:com.mydomain.myapp。




编写代码:
到此,这个app中还没有包含任何功能,下面我们通过代码来添加一个简单的地图展示功能。
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<s:View
   xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:esri="http://www.esri.com/2008/ags"
   title="A tiled map service">


   <esri:Map id="myMap"
    attributionVisible="false"
    level="2"
    wrapAround180="true"
    zoomSliderVisible="false">
      <esri:extent>
         <esri:Extent xmin="-19325128" ymin="-10948057" 
           xmax="-539964" ymax="18364625">
            <esri:SpatialReference wkid="102100"/>
         </esri:Extent>
      </esri:extent>
   <esri:ArcGISTiledMapServiceLayer 
    url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>


   </esri:Map>


</s:View>


运行APP
可以直接在实际物理设备上调试程序,也可以直接在电脑上通过Flash Builder提供的虚拟机来调试运行。
1 将你的主文件,如本示例中的MyBaseMapHomeView.mxml。设置为active,点击运行。
2 在Run Configurations 对话框中,设置target platform为Goodle Android。
3 不要改变AppID.
4 设置Launch method为On AIR Simulator。
5 Launch Configuration > device。选择一个模拟设备,如Motorola Droid,点击Apply 并Run.

如图:


运行结果如图:


提示:如果使用的api是3.4及以上版本,有可能会如下错误:Class mx.controls:: DateField could not be found. Class com.esri.ags.skins.fieldClasses::CalendarField could not be found 。如果出现此类错误,请参考   Mobile applications with Flex      或者咨询官方  FAQs .





简介..... ................................................................................................................................... 4 1.1 准备知识.......................................................................................................................... 4 1.1.1 技能与软件需求......................................................................................................... 4 1.1.2 获取源代码与所需库.................................................................................................. 4 1.2 文件组织…..................................................................................................................... 5 2 Sample Flex Viewe架构 ....................................................................................................... 5 2.1 架构介绍 .......................................................................................................................5 2.2 Sample Flex Viewer实例的生命周期............................................................................ 6 2.3 Sample Flex Viewer容器............................................................................................... 7 2.4 理解Widget编程模型..................................................................................................... 8 2.5 Widget命名习惯............................................................................................................. 9 3 为Widget开发建一个Flex Builder项目................................................................................ 9 3.1 用Sample Flex Viewer FlexBuilder项目开发一个微件.................................................. 10 3.2 在Sample Flex Viewer的FB项目之外开发一个widget.................................................. 12 3.3Flex Builder设置测试服务器...................................................................................... 14 4 开发一个widget ..................................................................................................................... 15 4.1 使用WidgetTemplate模板 ............................................................................................. 16 4.2 获取地图信息............................................................................................................... 17 4.3地图上显示widget数据 ............................................................................................. 19 4.4地图接收数据(通过单击,画线等操作实现)............................................................. 20 4.5 在widget中控制导航.................................................................................................... 21 4.6 不使用WidgetTemplate模板开发Widget ..................................................................... 22 4.7 开发一个自己的Widget模板 ........................................................................................ 23 4.8 修改或是创建一个主题 ................................................................................................ 24 4.9 Widget的配置............................................................................................................... 25 5 了解Sample Flex Viewer核心代码...................................................................................... 26 5.1 事件总线容器 .............................................................................................................. 26 5.2 依赖注入(DI,也叫控制反转)...................................................................................... 29 5.3 国际化 ......................................................................................................................... 30 第 3 页 5.3.1 使用Flex的国际化特性 .................................................................................................30 5.3.2 本地化设置 ................................................................................................................ 32 5.4 日志和错误处理 .......................................................................................................... 33 6 Sample Flex Viewer框架和Widget部署.............................................................................. 35 6.1 部署一个Sample Flex Viewer应用程序....................................................................... 35 6.2 部署一个widget到Sample Flex Viewer ........................................................................ 35 6.3 安全性考虑 ................................................................................................................. 36 6.3.1 crossdomain.xml ..................................................................................................... 36 6.3.2 网络资源代理........................................................................................................... 37 7 附录A: Configuration XML..................................................................................................37
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值