arcgis for flex api version3.7 教程:4.創建Flex移動應用

前提條件:
在這一節,你將學習創建一個基本的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.





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章