Android开源代码解读の地图照片应用Panoramio的实现详解（三）

本文介绍程序主界面的实现，对应的文件是Panoramio.java，主界面提供给用户从地图上选择搜索区域的功能，因此，直接从MapActivity继承，并实现OnClickListener接口。这样一来，这个类的初始框架如下代码所示：

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图片）

<?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的代码，注释很清楚了，这里就不多说了：

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); } }