Android開源代碼解讀の地圖照片應用Panoramio的實現詳解(三)

本文介紹程序主界面的實現,對應的文件是Panoramio.java,主界面提供給用戶從地圖上選擇搜索區域的功能,因此,直接從MapActivity繼承,並實現OnClickListener接口。這樣一來,這個類的初始框架如下代碼所示:

[java]
import com.google.android.maps.MapActivity; 
 
import android.os.Bundle; 
import android.view.View; 
import android.view.View.OnClickListener; 
 
public class MainActivity extends MapActivity implements OnClickListener { 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
    } 
 
     
    @Override 
    //為瞭統計目的,地圖服務器需要知道我們的MapActivity是否顯示路線信息,例如行車方向等  
    protected boolean isRouteDisplayed() {  
        return false; 
    } 
 
    public void onClick(View arg0) { 
        // TODO Auto-generated method stub  
         
    } 

import com.google.android.maps.MapActivity;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;

public class MainActivity extends MapActivity implements OnClickListener {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

   
 @Override
 //為瞭統計目的,地圖服務器需要知道我們的MapActivity是否顯示路線信息,例如行車方向等
 protected boolean isRouteDisplayed() {
  return false;
 }

 public void onClick(View arg0) {
  // TODO Auto-generated method stub
  
 }
}重溫下程序界面,如下圖:

 

對照著上圖,佈局文件main.xml也就一目瞭然,結合采用線性佈局和幀佈局,如下所示:(註意,picture_frame.9.png是一張9-patch圖片)

[html]
<?xml version="1.0" encoding="utf-8"?> 
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <FrameLayout  
        android:layout_width="fill_parent"  
        android:layout_height="0dip" 
        android:layout_weight="1" 
        android:padding="10dip"> 
         
        <FrameLayout  
            android:id="@+id/frame" 
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent" 
            android:background="@drawable/picture_frame" 
            />  
    </FrameLayout>  
 
    <Button 
        android:id="@+id/go" 
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_gravity="center_horizontal" 
         
        android:text="@string/go" 
        android:minWidth="150dip" 
        android:layout_marginBottom="2dip" 
        /> 
         
</LinearLayout> 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     >
  <FrameLayout
   android:layout_width="fill_parent"
      android:layout_height="0dip"
      android:layout_weight="1"
      android:padding="10dip">
     
   <FrameLayout
    android:id="@+id/frame"
    android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:background="@drawable/picture_frame"
       />
  </FrameLayout>
 
 <Button
      android:id="@+id/go"
    android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
    
      android:text="@string/go"
      android:minWidth="150dip"
      android:layout_marginBottom="2dip"
      />
    
 </LinearLayout>
 
下面是Panoramio.java的代碼,註釋很清楚瞭,這裡就不多說瞭:
 
[java]
 package com.google.android.panoramio;
 
 import com.google.android.maps.GeoPoint;
 import com.google.android.maps.MapActivity;
 import com.google.android.maps.MapView;
 import com.google.android.maps.MyLocationOverlay;
 
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.Gravity;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.view.ViewGroup.LayoutParams;
 import android.widget.Button;
 import android.widget.FrameLayout;
 
 
 /**
  * 該Activity提供MapView給用戶選擇周邊圖片搜索區域
  *
  */
 public class Panoramio extends MapActivity implements OnClickListener {
     private MapView mMapView; //顯示地圖的map 
     private MyLocationOverlay mMyLocationOverlay; //在地圖上畫出用戶目前位置的Overlay 
     private ImageManager mImageManager; //負責從Panoramio服務器下載並解析指定區域的圖片資源 
     
     public static final int MILLION = 1000000;
 
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         
         setContentView(R.layout.main);
         
         mImageManager = ImageManager.getInstance(this); //ImageManager是一個單例類 
         
         FrameLayout frame = (FrameLayout) findViewById(R.id.frame);
         Button goButton = (Button) findViewById(R.id.go);
         goButton.setOnClickListener(this);
        
         //將MapView加入到FrameLayout中,Panoramio_DummyAPIKey是Google地圖API密鑰 
         mMapView = new MapView(this, "Panoramio_DummyAPIKey");
         frame.addView(mMapView, 
                 new FrameLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
 
         // 創建Overlay顯示用戶當前位置 
         mMyLocationOverlay = new MyLocationOverlay(this, mMapView);
         // 
         mMyLocationOverlay.runOnFirstFix(new Runnable() { public void run() {
             mMapView.getController().animateTo(mMyLocationOverlay.getMyLocation());
         }});
 
         mMapView.getOverlays().add(mMyLocationOverlay); //將我們的LocationOverlay加入Overlay鏈表中 
         mMapView.getController().setZoom(15); //設置縮放級別(1~21) 
         mMapView.setClickable(true);
         mMapView.setEnabled(true);
         mMapView.setSatellite(true);
         
         addZoomControls(frame);
     }
 
     @Override
     protected void onResume() {
         super.onResume();
         mMyLocationOverlay.enableMyLocation();
     }
 
     @Override
     protected void onStop() {
         mMyLocationOverlay.disableMyLocation();
         super.onStop();
     }
 
     /**
      * 給指定的FrameLayout添加縮放控制
      */
     private void addZoomControls(FrameLayout frame) {
         //獲取MapView的縮放控制視圖 
         View zoomControls = mMapView.getZoomControls();
         
         //將縮放控制視圖添加到FrameLayout的底部 
         FrameLayout.LayoutParams p = 
             new FrameLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
                 LayoutParams.WRAP_CONTENT, Gravity.BOTTOM + Gravity.CENTER_HORIZONTAL);
         frame.addView(zoomControls, p);
     }
     
     @Override
     protected boolean isRouteDisplayed() {
         return false; //不顯示路線信息 
     }
      
     /**
      * 點擊搜索按鈕的事件響應
      */
     public void onClick(View view) {
         // 獲取搜索區域的經緯度信息 
         int latHalfSpan = mMapView.getLatitudeSpan() >> 1; //緯度跨度的一半(當前選中搜索區域的緯度半徑),十進制形式度數*1000000 
         int longHalfSpan = mMapView.getLongitudeSpan() >> 1; //經度跨度的一半(當前選中搜索區域的經度半徑),十進制形式度數*1000000 
         
         //保存當前地圖的位置信息,以便後續以相同位置顯示 
         GeoPoint center = mMapView.getMapCenter();
         int zoom = mMapView.getZoomLevel();       //縮放級別 
         int latitudeE6 = center.getLatitudeE6();  //中心點的緯度*1E6(1E6=1000000) 
         int longitudeE6 = center.getLongitudeE6();//中心點的經度*1E6(1E6=1000000) 
 
         //構造Intent,傳遞給ImageList.class 
         Intent i = new Intent(this, ImageList.class);
         i.putExtra(ImageManager.ZOOM_EXTRA, zoom);
         i.putExtra(ImageManager.LATITUDE_E6_EXTRA, latitudeE6);
         i.putExtra(ImageManager.LONGITUDE_E6_EXTRA, longitudeE6);
 
         //計算搜索區域中經度和緯度的最小值和最大值(搜索區域是一個圓) 
         float minLong = ((float) (longitudeE6 – longHalfSpan)) / MILLION;
         float maxLong = ((float) (longitudeE6 + longHalfSpan)) / MILLION;
 
         float minLat = ((float) (latitudeE6 – latHalfSpan)) / MILLION;
         float maxLat = ((float) (latitudeE6 + latHalfSpan)) / MILLION;
 
         mImageManager.clear(); //清空上次下載的內容 
         
         // 開始下載搜索區域內的圖片信息資源 
         mImageManager.load(minLong, maxLong, minLat, maxLat);
         
         //跳轉到圖片列表界面 
         startActivity(i);
     }
 }
 
 
摘自ASCE1885

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。