android 自定义地图初步实现

最近项目中，客户要求实现一些自定义地图.要求的功能是：可以实现放大，缩小，点击不同的地理位置，可以提示不同的地地理信息.

所使用的类文件有如下几个：

   1) myMap.java    2)Position.java  3)testCanvasActivity.java  4)TouchImageView.java

 如下图所示：

 

 

 1)myMap.java 如下所示：

 package wsf.Canvas.demo;

public class myMap {

 

}

2)Position.java 

 package wsf.Canvas.demo;

import android.util.Log;

public class Position {

/**

* 位置所在的标题

*/

public String title="";

/**

* 位置所在的介绍内容

*/

public String content="";

/**

* 位置所在的图片连接

*/

public String imgUrl="";

/**

* 在原图中的x传票

*/

public int  ori_x=0;

/**

* 非原图中的x坐标

*/

public int ori_y=0;

/**

* 续度

*/

public float longitude=0;

/**

* 

* 现实中的经度

*/

public float latitude=0;

/**

*触碰点与该点的最大触发距离

*当外办触发时的点与此点距离小于2个单位时，会提示

*/

private int max_distance=2;

public IPosition Ipos;

public void set_max_distance(int dis)

{

max_distance=dis;

}

/***

* 

* @param pos  回调接口

* @param ori_x 此点在图片中的座标x

* @param ori_y 此点在原图中的座标y

* @param longitude 此点在实际中的纬度

* @param latidude  此点在实际中的经度

* @param max_distance  在图片上的触碰点与该点座标的最大值(一但小于这个值，则会触发提示信息)

* @param title 此点的小标题简单

* @param content 此点的主要内容

* @param imgurl 此点的相关超介绍连接

*/

public Position(IPosition pos,int ori_x,int ori_y,float longitude,

float latidude,int max_distance,String title,String content,

String imgurl)

{

this.Ipos=pos;

this.ori_x=ori_x;

this.ori_y=ori_y;

this.longitude=longitude;

this.latitude=latidude;

this.max_distance=max_distance;

this.title=title;

this.content=content;

this.imgUrl=imgurl;

}

/**

* 计算当前触碰点与自己的距离

* @return

*/

public int docalc_distance_bit(int n_x,int n_y)

{

return (int)Math.sqrt((n_x-ori_x)*(n_x-ori_x)+(n_y-ori_y)*(n_y-ori_y));

}

public void doShow(int n_x,int n_y)

{

if(docalc_distance_bit(n_x, n_y)<=max_distance)

{

  this.Ipos.doShow(this);

}

}

public interface IPosition

{

void doShow(Position pos);

}

public void tostring()

{

Log.i("positionInfo",

"positionInfo-->"+this.ori_x+

this.ori_y+

this.longitude+

this.latitude+

this.max_distance+

this.title+

this.content+

this.imgUrl

);

}

}

 3)testCanvasActivity.java

package wsf.Canvas.demo;//wsf.Canvas.demo.testCanvasActivity

import android.app.Activity;

import android.os.Bundle;

public class testCanvasActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

TouchImageView img = new TouchImageView(this);  

        setContentView(img);  

}

}

 4)TouchImageView.java

 package wsf.Canvas.demo;

import java.util.ArrayList;

import java.util.List;

import wsf.Canvas.demo.Position.IPosition;

import wsf.study.demo.R;

import android.graphics.Bitmap;

import android.graphics.Bitmap.Config;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Matrix;

import android.graphics.PointF;

import android.util.DisplayMetrics;

import android.util.FloatMath;

import android.util.Log;

import android.view.MotionEvent;

import android.widget.ImageView;

public class TouchImageView extends ImageView implements IPosition {

float x_down = 0;

float y_down = 0;

PointF start = new PointF();

PointF mid = new PointF();

float oldDist = 1f;

float oldRotation = 0;

Matrix matrix = new Matrix();

Matrix matrix1 = new Matrix();

Matrix savedMatrix = new Matrix();

private static final int NONE = 0;

private static final int DRAG = 1;

private static final int ZOOM = 2;

int mode = NONE;

boolean matrixCheck = false;

int widthScreen;

int heightScreen;

Bitmap gintama;

int oldimgwidth=0;

int oldimgheight=0;

/**测试数据*/

List<Position> list_pos=new ArrayList<Position>();

public TouchImageView(testCanvasActivity activity) {

super(activity);

gintama = BitmapFactory.decodeResource(getResources(), R.drawable.gintama);

      

DisplayMetrics dm = new DisplayMetrics();

activity.getWindowManager().getDefaultDisplay().getMetrics(dm);

widthScreen = dm.widthPixels;

heightScreen = dm.heightPixels;

matrix = new Matrix();

oldimgheight=gintama.getHeight();

oldimgwidth=gintama.getWidth();

Position p1=new Position(this, 100, 100, 0, 0, 30, "1北京大学", "1北京大学历史悠久", "人生古都，外国人也会有所向往");

Position p2=new Position(this, 200, 200, 0, 0, 30, "2北京大学", "2北京大学历史悠久", "人生古都，外国人也会有所向往");

Position p3=new Position(this, 300, 300, 0, 0, 30, "3北京大学", "3北京大学历史悠久", "人生古都，外国人也会有所向往");

Position p4=new Position(this, 400, 400, 0, 0, 30, "4北京大学", "4北京大学历史悠久", "人生古都，外国人也会有所向往");

Position p5=new Position(this, 500, 500, 0, 0, 30, "5北京大学", "5北京大学历史悠久", "人生古都，外国人也会有所向往");

list_pos.add(p1);

list_pos.add(p2);

list_pos.add(p3);

list_pos.add(p4);

list_pos.add(p5);

}

protected void onDraw(Canvas canvas) {

canvas.save();

canvas.drawBitmap(gintama, matrix, null);

canvas.restore();

}

public boolean onTouchEvent(MotionEvent event) {

//Log.i("touch", "x_down-->"+x_down+" y_down-->"+y_down+" start-->x"+start.x+" y"+start.y+" oldDist-->"+oldDist+" oldRotation-->"+oldRotation);

switch (event.getAction() & MotionEvent.ACTION_MASK) {

case MotionEvent.ACTION_DOWN:

mode = DRAG;

x_down = event.getX();

y_down = event.getY();

savedMatrix.set(matrix);

break;

case MotionEvent.ACTION_POINTER_DOWN:

mode = ZOOM;

oldDist = spacing(event);

oldRotation = rotation(event);

savedMatrix.set(matrix);

midPoint(mid, event);

break;

case MotionEvent.ACTION_MOVE:

if (mode == ZOOM) {

matrix1.set(savedMatrix);

float rotation = rotation(event) - oldRotation;

float newDist = spacing(event);

float scale = newDist / oldDist;

matrix1.postScale(scale, scale, mid.x, mid.y);// 縮放

Log.i("touch", " newDist-->"+newDist+" oldDist-->"+oldDist+" scale-->"+scale+" mid.x-->"+mid.x+" mid.y"+mid.y);

//matrix1.postRotate(rotation, mid.x, mid.y);// 旋轉

matrixCheck = matrixCheck();

if (matrixCheck == false) {

matrix.set(matrix1);

invalidate();

}

} else if (mode == DRAG) {

matrix1.set(savedMatrix);

matrix1.postTranslate(event.getX() - x_down, event.getY()

- y_down);// 平移

matrixCheck = matrixCheck();

matrixCheck = matrixCheck();

if (matrixCheck == false) {

matrix.set(matrix1);

invalidate();

}

}

break;

case MotionEvent.ACTION_UP:

case MotionEvent.ACTION_POINTER_UP:

mode = NONE;

break;

}

return true;

}

private boolean matrixCheck() {

float[] f = new float[9];

matrix1.getValues(f);

// 图片4个顶点的坐标

float x1 = f[0] * 0 + f[1] * 0 + f[2];

float y1 = f[3] * 0 + f[4] * 0 + f[5];

float x2 = f[0] * gintama.getWidth() + f[1] * 0 + f[2];

float y2 = f[3] * gintama.getWidth() + f[4] * 0 + f[5];

float x3 = f[0] * 0 + f[1] * gintama.getHeight() + f[2];

float y3 = f[3] * 0 + f[4] * gintama.getHeight() + f[5];

float x4 = f[0] * gintama.getWidth() + f[1] * gintama.getHeight() + f[2];

float y4 = f[3] * gintama.getWidth() + f[4] * gintama.getHeight() + f[5];

// 图片现宽度

double width = Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));

//图片高度

double height=Math.sqrt((x1 - x3) * (x1 - x3) + (y1 - y3) * (y1 - y3));

//横向拉伸x

float scale_x=(float)(width/oldimgwidth);

//纵向拉伸

float scale_y=(float)(height/oldimgheight);

for(Position p:list_pos)

{

p.doShow((int)((x_down-x1)/scale_x)/2, (int)((y_down-y1)/scale_y)/2);

}

Log.i("touch", "imgheight-->"+oldimgheight+"  width-->"+oldimgwidth);

Log.i("touch","xdown-->"+x_down+" ydown-->"+y_down+" width-->"+ width+"p1->"+x1+" "+y1+" p2-->"+x2+" "+y2+" p3-->"+x3+" "+y3+" p4-->"+x4+" "+y4);

// 缩放比率判断

if (width < widthScreen / 3 || width > widthScreen * 3) {

return true;

}

// 出界判断

if ((x1 < widthScreen / 3 && x2 < widthScreen / 3

&& x3 < widthScreen / 3 && x4 < widthScreen / 3)

|| (x1 > widthScreen * 2 / 3 && x2 > widthScreen * 2 / 3

&& x3 > widthScreen * 2 / 3 && x4 > widthScreen * 2 / 3)

|| (y1 < heightScreen / 3 && y2 < heightScreen / 3

&& y3 < heightScreen / 3 && y4 < heightScreen / 3)

|| (y1 > heightScreen * 2 / 3 && y2 > heightScreen * 2 / 3

&& y3 > heightScreen * 2 / 3 && y4 > heightScreen * 2 / 3)) {

return true;

}

return false;

}

// 触碰两点间距离

private float spacing(MotionEvent event) {

float x = event.getX(0) - event.getX(1);

float y = event.getY(0) - event.getY(1);

return FloatMath.sqrt(x * x + y * y);

}

// 取手势中心点

private void midPoint(PointF point, MotionEvent event) {

float x = event.getX(0) + event.getX(1);

float y = event.getY(0) + event.getY(1);

point.set(x / 2, y / 2);

}

// 取旋转角度

private float rotation(MotionEvent event) {

double delta_x = (event.getX(0) - event.getX(1));

double delta_y = (event.getY(0) - event.getY(1));

double radians = Math.atan2(delta_y, delta_x);

return (float) Math.toDegrees(radians);

}

// 将移动，缩放以及旋转后的图层保存为新图片

// 本例中沒有用到該方法，需要保存圖片的可以參考

public Bitmap CreatNewPhoto() {

Bitmap bitmap = Bitmap.createBitmap(widthScreen, heightScreen,

Config.ARGB_8888); // 背景图片

Canvas canvas = new Canvas(bitmap); // 新建画布

canvas.drawBitmap(gintama, matrix, null); // 画图片

canvas.save(Canvas.ALL_SAVE_FLAG); // 保存画布

canvas.restore();

return bitmap;

}

Position lastpos=null;

@Override

public void doShow(Position pos) {

// TODO Auto-generated method stub

if(pos==lastpos)

{

}

else

{

pos.tostring();

lastpos=pos;

}

}

}

 

6）实现效果:

 

7） 点击图片上的座标时显示效果:

 

    

 

转载于:https://www.cnblogs.com/wsfjlagr/p/3273266.html