点击图片中不规则图形提示选中不同区域

最新推荐文章于 2021-05-28 16:28:49 发布

weixin_34405332

最新推荐文章于 2021-05-28 16:28:49 发布

阅读量181

点赞数

CC 4.0 BY-SA版权

文章标签：游戏移动开发 python

原文链接：https://my.oschina.net/u/2406628/blog/473328

本文介绍如何创建一个交互式楼层图导航视图，该视图能够响应触摸事件并显示不同区域的提示信息。通过使用Bitmap数组和自定义View类，实现背景图与楼层图的无缝叠加，确保在所有图片重叠时呈现完整且一致的图像效果。通过设置监听器，可以获取用户点击的楼层区域编号，从而提供精准的交互体验。

2019独角兽企业重金招聘Python工程师标准>>>

如图所示，当点击不同区域做出不同提示
首先制作背景图，然后将不同区域的图片单独截取下来，截取的楼层图必须和背景相同大，保证当所有图片重叠是是一样完整的图片
背景图：

楼层图：

package com.bitcare.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class NavMapView extends View {

	private Bitmap[] mBitmaps;
	private OnClickBitmapListener clickBitmapListener;

	public NavMapView(Context context) {
		super(context);
	}

	public NavMapView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	/**
	 * 设置图片
	 * @author yubin
	 * @date 2013-10-12
	 */
	public final void setBitmaps(Bitmap[] bitmap) {
		this.mBitmaps = bitmap;
		invalidate();
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		if (mBitmaps != null) {
			for (int i = 0; i < mBitmaps.length; i++) {
				canvas.drawBitmap(mBitmaps[i], 0, 0, null);
			}
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		if (event.getAction() == MotionEvent.ACTION_DOWN) {
			which(event.getX(), event.getY());
		}
		return true;
	}

	public void which(float x, float y) {
		if (mBitmaps != null) {
			for (int i = 0; i < mBitmaps.length; i++) {
				// 判断坐标点不超过图片得宽高
				if ((int) x > mBitmaps[0].getWidth() || (int) y > mBitmaps[0].getHeight()) {
					clickBitmapListener.ClickBitmap(-1);
					break;
				}
				Bitmap mBitmap = mBitmaps[i];
				// 判断坐标点是否是在图片得透明区域
				if (mBitmap.getPixel((int) x, (int) y) != 0) {
					clickBitmapListener.ClickBitmap(i);
					break;
				}
			}
		}
	}

	public final void setOnClickBitmapListener(OnClickBitmapListener listener) {
		this.clickBitmapListener = listener;
	};

	public static interface OnClickBitmapListener {
		/**
		 * @param index -1表示超出范围
		 * @author yubin
		 * @date 2013-10-12
		 */
		void ClickBitmap(int index);
	}
}

转载于:https://my.oschina.net/u/2406628/blog/473328