arcgis for flex api version3.7 教程:4.创建Flex移动应用
2015-03-27 18:05
399 查看
前提条件:
在这一节,你将学习创建一个基本的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。
如下图所示:
![](http://img.blog.csdn.net/20150327180059116?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
4 在Mobile Settings页面,选择Google Android,其他保持默认,点击下一步。
如下图所示:
![](http://img.blog.csdn.net/20150327180148861?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
5 (可选项)点击Permissions按钮,可以选择所需的设备运行权限。本教程中默认即可,点击下一步。
如下图所示:
![](http://img.blog.csdn.net/20150327180206161?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
6 在Server Settings页面,保持默认,下一步。
如下图所示:
![](http://img.blog.csdn.net/20150327180145713?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
7 在Build Paths 页面,点击Add SWC...,浏览添加下载的ArcGIS for Flex API的库。
如下图所示:
![](http://img.blog.csdn.net/20150327180237346?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
提示:在该教程中没有修改application ID.但是在实际的工程开发中,一个合格的application ID 不应该是这样的,正确示例如:com.mydomain.myapp。
编写代码:
到此,这个app中还没有包含任何功能,下面我们通过代码来添加一个简单的地图展示功能。
代码如下:
运行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.
如图:
![](http://img.blog.csdn.net/20150327180330620?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
运行结果如图:
![](http://img.blog.csdn.net/20150327180423863?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGlsaWFuZ3hpYW9rZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
提示:如果使用的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.
在这一节,你将学习创建一个基本的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.
相关文章推荐
- arcgis for flex api version3.7 教程:8.创建地图
- arcgis for flex api version3.7 教程:2.通过地图服务的ID添加地图
- 转载的arcgis for flex api version3.7 教程,多学习啊!!!
- arcgis for flex api version3.7 教程:10.打印服务功能简介
- arcgis for flex api version3.7 教程:9.地图范围extent的设置和使用
- arcgis for flex api version3.7 教程:3.如何使用QueryTask查询地图服务
- arcgis for flex api version3.7 教程:6.使用Geocoder进行地理查询
- arcgis for flex api version3.7 教程:5.使用Editor对地图进行编辑
- arcgis for flex api version3.7 教程:1.添加地图和图层
- arcgis for flex api version3.7 教程:7.使用Directions查询路线(最短路径分析)
- arcgis api for flex 开发入门(二)map 的创建
- arcgis api for flex 中文教程
- arcgis api for flex 开发入门(二)map 的创建
- ArcGIS API For Flex创建比例尺ScaleBar样式
- ArcGIS API for Flex: Version 1.3 released(转载)
- arcgis api for flex 开发入门(二)map 的创建
- ArcGIS API for JavaScript开发教程系列(一)之创建地图
- ArcGIS API for Flex (使用ArcGIS API for Flex 创建一个新的地图项目)
- arcgis api for flex 开发入门(二)map 的创建<转>
- ArcGIS API for flex 教程以及示例代码下载