百度地图API制作自定义的放大缩小控件ZoomControlView

接着上一篇：上一篇博客讲的是用百度地图的API制作 Marker 和 自定义的弹出框，这一篇则是讲对于百度地图的放大缩小控制：

老规矩先来张截图：

接下来一大波代码来袭。。。

package com.jsbtclient.cusViews;

import com.baidu.mapapi.map.BaiduMap;
import com.baidu.mapapi.map.MapStatus;
import com.baidu.mapapi.map.MapStatusUpdateFactory;
import com.baidu.mapapi.map.MapView;
import com.example.jsbtclient.R;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class ZoomControlView extends LinearLayout implements View.OnClickListener{

	private MapView mapView;

	private BaiduMap baiduMap;//百度地图对象控制器

	private MapStatus mapStatus;//百度地图状态

	private ImageView zoomOut, zoomIn;

	private float MaxLevel;

	private float MinLevel;

	public ZoomControlView(Context context) {
		super(context);
		initZoomControlView(context);
	}

	public ZoomControlView(Context context, AttributeSet attr) {
		super(context, attr);
		initZoomControlView(context);
	}

	private void initZoomControlView(Context context) {
		LayoutInflater inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		View view = inflater.inflate(R.layout.zoom_control_layout, this);
		zoomIn = (ImageView) view.findViewById(R.id.zoom_control_plus);
		zoomOut = (ImageView) view.findViewById(R.id.zoom_control_reduce);
		zoomIn.setOnClickListener(this);
		zoomOut.setOnClickListener(this);
	}

	/**
	 * set {@link MapView}
	 */
	public void setMapView(MapView mapView)
	{
		if(mapView != null)
		{
			this.mapView = mapView;
			baiduMap = mapView.getMap();
			mapStatus = baiduMap.getMapStatus();
			MaxLevel = baiduMap.getMaxZoomLevel();
			MinLevel = baiduMap.getMinZoomLevel();
		}else{
			throw new NullPointerException("you should call setMapView(MapView mapView) at first");
		}
	}

	@Override
	public void onClick(View view) {

		switch (view.getId()) {
		case R.id.zoom_control_plus:
			baiduMap.setMapStatus(MapStatusUpdateFactory.zoomIn());//放大
			break;
		case R.id.zoom_control_reduce:
			baiduMap.setMapStatus(MapStatusUpdateFactory.zoomOut());//缩小

			break;
		default:
			break;
		}
		mapStatus = mapView.getMap().getMapStatus();
		refreshZoomControlView();
	}

	private void refreshZoomControlView() {

		float zoom = mapStatus.zoom;

		if(zoom> MinLevel && zoom< MaxLevel)
		{

			if(!zoomIn.isEnabled()){
				zoomIn.setEnabled(true); //设置为可点击
			}

			if(!zoomOut.isEnabled()){
				zoomOut.setEnabled(true);
			}

		}else if(zoom == MinLevel)
		{
			zoomOut.setEnabled(false);
			zoomIn.setEnabled(true);

		}else
		{

			zoomIn.setEnabled(false);
			zoomOut.setEnabled(true);
		}
	}

}

zoom_control_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/zoom_control_plus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_weight="1"
        android:contentDescription="@string/app_name"
        android:src="@drawable/zoomin_selector" />

    <ImageView
        android:id="@+id/zoom_control_reduce"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_weight="1"
        android:contentDescription="@string/app_name"
        android:src="@drawable/zoomout_selector" />

</LinearLayout>

zoomin_selector.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/zoomin_pressed"></item>
    <item android:state_enabled="false" android:drawable="@drawable/zoomin_pressed"></item>
    <item android:drawable="@drawable/zoomin_normal"></item>
</selector>

zoomout_selector.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/zoomout_pressed"></item>
    <item android:state_enabled="false" android:drawable="@drawable/zoomout_pressed"></item>
    <item android:drawable="@drawable/zoomout_normal"></item>
</selector>

代码很容易理解，大家自己看吧，用的话这样就可以

zoomControlView = (ZoomControlView) view.findViewById(R.id.map_zoomcontrol);
		zoomControlView.setMapView(mapView);
		mapView.showZoomControls(false);//隐藏原生的控制按钮