Android 自定义View 分区域监听 回调

最新推荐文章于 2022-04-15 17:26:23 发布
置顶 最新推荐文章于 2022-04-15 17:26:23 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： Android 文章标签： Android 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nihaoqiulinhe/article/details/51801170
版权

借助于这位博主的文章:大牛关于自定义view的一系列的文章,还有宏洋这位大牛的博客:http://blog.csdn.net/lmj623565791/article/details/24252901/.

详细的解释可以看这两位博主的博客,写的非常好,我就不多此一举了.我顺着写写怎么根据点击的xy坐标,来对部分区域进行点击的监听操作,详细的请看代码:

package com.example.customview01.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;

import com.example.customview01.R;
import com.example.customview01.event.IStationEventName;
import com.example.customview01.event.StationEventCaptain;
import com.example.customview01.event.StationEventData;

/**
 * 图形左上角的买卖自定义View,需要对部分区域进行监听.点击商品弹出选择商品的界面
 * 
 * @author qiulinhe
 * @createTime 2016年7月1日 上午11:47:00
 */
public class CustomTitleView extends View {
	/**
	 * 文本
	 */
	private String mTitleText;
	/**
	 * 文本的颜色
	 */
	private int mTitleTextColor;
	/**
	 * 文本的大小
	 */
	private int mTitleSellBuySize;

	private int mTitleTextSize;

	/**
	 * 绘制时控制文本绘制的范围
	 */
	private Rect mBound;
	private Rect mBoundSellBuy;
	//设置商品的字体和大小
	private Paint instrumentPaint;

	//设置买入和卖出的颜色和字体大小
	private Paint mPaintSellBuy;
	private Paint mPaintCeshi;

	//买入和卖出的背景图
	private Bitmap sellBitmapBackGround;
	private Bitmap buyBitmapBackGround;

	private Context context;

	public CustomTitleView(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public CustomTitleView(Context context) {
		this(context, null);
	}

	/**
	 * 获得我自定义的样式属性,从attr.xml里面读取
	 * 
	 * @param context
	 * @param attrs
	 * @param defStyle
	 */
	public CustomTitleView(final Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		this.context = context;
		/**
		 * 获得我们在attr.xml文件里面设置的文字颜色和尺寸大小信息.所定义的自定义样式属性
		 */
		TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomTitleView, defStyle, 0);
		int n = a.getIndexCount();
		for (int i = 0; i < n; i++) {
			int attr = a.getIndex(i);
			switch (attr) {
			case R.styleable.CustomTitleView_titleText:
				mTitleText = a.getString(attr);
				break;
			case R.styleable.CustomTitleView_titleTextColor:
				// 默认颜色设置为黑色
				mTitleTextColor = a.getColor(attr, Color.BLACK);
				break;
			case R.styleable.CustomTitleView_titleTextSize:
				// 默认设置为16sp，TypeValue也可以把sp转化为px
				mTitleTextSize = a.getDimensionPixelSize(attr,
						(int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
				mTitleSellBuySize = a.getDimensionPixelSize(attr,
						(int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 22, getResources().getDisplayMetrics()));

				break;

			}

		}
		a.recycle();

		//设置商品显示部分的宽高和字体大小颜色
		instrumentPaint = new Paint();
		instrumentPaint.setTextSize(mTitleTextSize);
		// mPaint.setColor(mTitleTextColor);
		mBound = new Rect();
		mBound.set(0, 0, 500, 500);
		instrumentPaint.getTextBounds(mTitleText, 0, mTitleText.length(), mBound);

		//设置买入和卖出显示部分的宽高和字体大小颜色
		mPaintSellBuy = new Paint();
		mPaintSellBuy.setTextSize(mTitleSellBuySize);
		mBoundSellBuy = new Rect();
		mBoundSellBuy.set(0, 0, 800, 800);
		mPaintSellBuy.getTextBounds(mTitleText, 0, mTitleText.length(), mBoundSellBuy);

		//对商品和买入和卖出进行监听
		//		this.setOnClickListener(new OnClickListener() {
		//
		//			@Override
		//			public void onClick(View v) {
		//				Toast.makeText(context, "您点击了这个界面,恭喜你!!!", Toast.LENGTH_LONG).show();
		//				postInvalidate();
		//			}
		//
		//		});

		//对背景图片进行初始化,从资源传进来.
		init(context);

	}

	/**
	 * 对买入和卖出的背景资源进行加载
	 * 
	 * @param context
	 * @author qiulinhe
	 * @createTime 2016年7月1日 上午11:50:40
	 */
	private void init(Context context) {
		mPaintCeshi = new Paint();
		mPaintCeshi.setAntiAlias(true);

		sellBitmapBackGround = BitmapFactory.decodeResource(getResources(), R.drawable.pair_sell_select);
		buyBitmapBackGround = BitmapFactory.decodeResource(getResources(), R.drawable.ordertrade_pair_buy_select);

		//bitmapBackGround = Bitmap.createBitmap(500,200, Bitmap.Config.ARGB_8888);

	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// super.onMeasure(widthMeasureSpec, heightMeasureSpec);

		int width = 0;
		int height = 0;

		/**
		 * 设置宽度
		 */
		int specMode = MeasureSpec.getMode(widthMeasureSpec);
		int specSize = MeasureSpec.getSize(widthMeasureSpec);
		switch (specMode) {
		case MeasureSpec.EXACTLY:// 明确指定了
			width = getPaddingLeft() + getPaddingRight() + specSize;
			break;
		case MeasureSpec.AT_MOST:// 一般为WARP_CONTENT
			width = getPaddingLeft() + getPaddingRight() + mBound.width();
			break;
		}

		/**
		 * 设置高度
		 */
		specMode = MeasureSpec.getMode(heightMeasureSpec);
		specSize = MeasureSpec.getSize(heightMeasureSpec);
		switch (specMode) {
		case MeasureSpec.EXACTLY:// 明确指定了
			height = getPaddingTop() + getPaddingBottom() + specSize;
			break;
		case MeasureSpec.AT_MOST:// 一般为WARP_CONTENT
			height = getPaddingTop() + getPaddingBottom() + mBound.height();
			break;
		}

		setMeasuredDimension(width, height);

	}

	@Override
	protected void onDraw(Canvas canvas) {
		//设置买入卖出的背景图片
		canvas.drawBitmap(sellBitmapBackGround, 0, 0, instrumentPaint);
		canvas.drawBitmap(buyBitmapBackGround, 297, 0, instrumentPaint);

		//设置商品部分的背景和字体颜色
		instrumentPaint.setColor(Color.GRAY);
		canvas.drawRect(210, 0, 360, 50, instrumentPaint);
		instrumentPaint.setColor(mTitleTextColor);
		canvas.drawText("AUD/JPY", getWidth() / 2 - (mBound.width() + 29), getHeight() / 4 + mBound.height() / 4 - 17,
				instrumentPaint);

		//设置买入卖出部分的字体和颜色
		//		SpannableString spannableString = new SpannableString("9月22日");
		//		RelativeSizeSpan sizeSpan = new RelativeSizeSpan(2.0f);
		//		spannableString.setSpan(sizeSpan, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

		mPaintSellBuy.setColor(mTitleTextColor);
		canvas.drawText("76.71", getWidth() / 2 - 200, getHeight() / 2, mPaintSellBuy);
		mPaintSellBuy.setColor(mTitleTextColor);
		canvas.drawText("76.92", getWidth() / 2 + 50, getHeight() / 2, mPaintSellBuy);

	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		int eventaction = event.getAction();
		switch (eventaction) {
		case MotionEvent.ACTION_DOWN:
			break;
		case MotionEvent.ACTION_MOVE: {

			break;
		}
		case MotionEvent.ACTION_UP: {
			int x = (int) event.getX();
			int y = (int) event.getY();

			if (x > 0 && x < 300 && y > 40 && y < 100) {
				Toast.makeText(context, "左侧卖出的区域,点击的xy的坐标分别为X" + x + ":" + y, Toast.LENGTH_SHORT).show();
			}
			if (x > 300 && x < 800 && y > 40 && y < 100) {
				Toast.makeText(context, "右侧买入的区域,点击的xy的坐标分别为X" + x + ":" + y, Toast.LENGTH_SHORT).show();
			}

			if (x > 210 && x < 380 && y > 0 && y < 40) {

				StationEventCaptain.getInstance().fireEventDataChange(
						new StationEventData(IStationEventName.MESSAGE_STATE_CHANGE, true));
				Toast.makeText(context, "中间商品的部分区域,点击的xy的坐标分别为X" + x + ":" + y, Toast.LENGTH_SHORT).show();
			}
			break;
		}
		}
		this.invalidate();
		return true;
	}

	//刷新商品的值
	public void setInstument() {
		System.out.println("是否可以直接调用这个方法");

	}

}
        主要使用到了回调接口,和自定义view的概念.完整的工程如下: android 自定义view 多区域点击事件

清澈@Cherry
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Kotlin 使用高阶函数实现回调方式
01-03
lambda 和 高阶函数 之前学习了 lambda 和高阶函数，然后在 android 开发中对 onClick 事件进行监听是一个很常用的功能，kotlin 的常规实现如下： rootView.setOnClickListener { view -> println(点击了这个ID=${view.id}的view) } 然后在开发中不可避免的我们也要写一些自定义监听之类的代码。这个时候如果还用 java 的思想去实现的话就有点舍近求远了。 java 思想实现 在 java 中我们一般的做法是这样的 定义一个接口 定义一个接口类型变量 定义一个 set 方法 调用 se
android自定义View之从入门到放弃（四）实现事件监听回调 记录学习
yuhang01的博客
11-12 339
先上效果图： 在实现滑动自定义view时滑动时上面的radiogroup要随着页面的滑动改变选中未选中的状态，这时候就要使用事件回调来进行设置 我们可以参考view的点击事件回调进行我们自定义的事件回调 从源码中我们可以将view的的点击事件分为以上的步骤 然后就可以根据View的点击事件来实现我们的事件回调 //在自定义的view中 /** * 当页面发生改变 */ ...
Android滚轮选择时间控件使用详解
01-05
滚轮选择控件 Android自带的选择时间控件有点丑，往往产品和设计都比较嫌弃，希望做成ios一样的滚轮选择，下面是我在NumberPicker的基础上自定义的选择控件，效果如下： 原理 基于NumberPicker实现 动态填充数值 联动 接口监听回调 实现滚轮效果有github上mark比较多的WheelView，但是阅读源码发现数据是一次性填入的，选择时间的话，填入10年就是10*365=3650条数据，也就是new出三千多个TextView，想想都觉得恐怖，肯定是不行的，于是便想到用NumberPicker，动态填充数据，一次只设置5个数据，当选中变化时，重新设置
android view变化监听器ViewTreeObserver的简单使用
02-17
android view变化监听器ViewTreeObserver的简单使用 五种监听博客介绍：http://blog.csdn.net/qq_33078541/article/details/50680496
Android自定义方框EditText注册验证码
01-04
先来个效果图让大家看一看，现在好多app都用类似的注册页 实现思路 用一个透明的EditText与四个TextView重叠，并给TextView设置默认背景 第4个TextView输入完成后,要设置回调,并且要加入增加删除的回调 还要监听EditText内容的变化,获取内容,并且改变EditText下面的TextView的颜色 重新发送的是采用一个自定义的CountDownTimer类 弹出效果自定义的一个Dialog继承DialogFragment 自定义EditText的布局 &lt;?xml version=1.0 encoding=utf-8?&gt; &lt;Rel
Android TextView实现点击显示全文与隐藏功能（附源码）
08-31
TextView用法很多，用到的地方更是普遍，所以学好TextView的使用很重要很重要很重要。下面这篇文章主要介绍了Android中TextView实现显示全文与隐藏功能的相关资料，文中给出了详细的示例代码和源码下载，需要的朋友可以参考下。
Android判断view的显示和隐藏
Nothing is impossible to a willing heart.
04-15 3941
通过Android中view的getVisibility()方法的值来实现 介绍如下： 这个方法返回的是一个int值，值可为0，4，8 0 ：View.VISIBLE 可见 4：View.INVISIBLE 不可见但是占用布局空间 8：View.GONE 不可见也不占用布局空间 if (findViewById(R.id.LlayoutContainer).getVisibility() == View.VISIBLE) { //逻辑代码 } ...
android view可见性监听,view 可见性 监听探究
weixin_35897007的博客
05-27 3145
view 可见性监听今天产品有个需求，当一个view任何又不可见->k可见时，上报这个view的特定信息。任何由不可见->可见，包括进入一个页面；从其他页面返回到该页面；在页面内view滑动出去又滑动回来可见时；屏幕熄灭->屏幕亮开此view显示时。某个view设定监听OnGlobalLayoutListener，作用范围是页面级的大布局，所以要马上去掉首先注意我们使用targe...
android 键盘隐藏、显示的监听
07-03 1030
在网上搜了好久，有几个方法是可行的，比如给视图添加一个布局发生变化的时候，做根视图与当前视图的高度差，来做键盘显示隐藏的监听..... 这个思路貌似可以，但是在你的app中如果没有对视图的大小位置做任何的改变或者你创建是视图不是滚动视图，这就行不通的。。。 所以我给出的方法是，不管你的视图大小位置有没有发生变化，都可以做监听。。。(因为我开发的游戏是视图大小位置是不做改变的) 1：导
android监听虚拟键盘隐藏和显示事件
weixin_30710457的博客
02-01 196
刚开始在onconfigurationChanged中监听，结果发现该方法在configuration变化即配置文件发生变化时才会被调用，如横竖屏切换，android重新载入配置文件时。而键盘隐藏不会触发该方法。 后来采用如下方法完美解决了键盘隐藏监听事件。 //该Activity的最外层Layout finalView activityRootView = findViewById(R.i...
Android RecyclerView上拉加载更多功能回弹实现代码
01-20
实现原理是使用RecyclerView的OnTouchListener方法监听滑动 在adapter里面增加两项footview 其中date.size为显示的加载条，可以自定义，date.size+1为空白的View，我们设置其高度为0 我们通过LinearLayoutManager的 findLastVisibleItemPosition判断显示的最后一条数据，如果是空白view，表示加载条已经完全展示，松开即可刷新。 回弹效果是通过在滑动时动态改变空白view的高度，达到阻尼效果 ，回弹时再动态将其改为0，达到回弹效果，通过loading防止加载过程中滑动导致显示问题 这里的回调采用了R
Android 底部导航控件实例代码
01-20
一、先给大家展示下最终效果 通过以上可以看到，图一是简单的使用，图二、图三中为结合ViewPager共同使用，而且都可以随ViewPager的滑动渐变色，不同点是图二为选中非选中两张图片，图三的选中非选中是一张图片只是做了颜色变化。 二、 需求 我们希望做可以做成这样的，可以在xml布局中引入控件并绑定数据，在代码中设置监听回调，并且配置使用要非常简单！ 三、需求分析 根据我们多年做不明确需求项目的经验，以上需求还算明确。那么我们可以采用在LinearLayout添加子View控件，这个子View控件就是我们自定义的每个tab条目，当然对LinearLayout要设置权重。
android特效代码
08-19
提供使用监听\回调. OK * 4. 汉字转换成拼音. OK * 5. 进行排序展示. OK * 6. 进行分组. OK * 7. 将自定义控件和ListView合体. OK ## 侧拉删除 ## 视差特效 ## 粘性控件 （对View的自定义）
疯狂Android讲义源码
08-26
　2.1.5 开发自定义View 43 　2.2 布局管理器 46 　2.2.1 线性布局 47 　2.2.2 表格布局 49 　2.2.3 帧布局 52 　2.2.4 相对布局 55 　2.2.5 绝对布局 58 　2.3 基本界面组件 60 　2.3.1 文本框（TextView）与编辑框...
疯狂Android讲义.part2
08-30
2.1.5 开发自定义View 43 2.2 布局管理器 46 2.2.1 线性布局 47 2.2.2 表格布局 49 2.2.3 帧布局 52 2.2.4 相对布局 55 2.2.5 绝对布局 58 2.3 基本界面组件 60 2.3.1 文本框（TextView）与编辑框 （EditText）的...
疯狂Android讲义.part1
08-30
2.1.5 开发自定义View 43 2.2 布局管理器 46 2.2.1 线性布局 47 2.2.2 表格布局 49 2.2.3 帧布局 52 2.2.4 相对布局 55 2.2.5 绝对布局 58 2.3 基本界面组件 60 2.3.1 文本框（TextView）与编辑框 （EditText）的...
精通ANDROID 3（中文版）1/2
08-31
13.2.6　响应handleMessage回调　 13.3　使用工作线程　 13.3.1　从菜单调用工作线程　 13.3.2　在工作线程与主线程之间通信　 13.3.3　线程行为概述　 13.4　处理程序示例驱动程序类　 13.4.1　驱动程序活动文件　 ...
精通Android 3 （中文版）2/2
08-31
13.2.6　响应handleMessage回调　 13.3　使用工作线程　 13.3.1　从菜单调用工作线程　 13.3.2　在工作线程与主线程之间通信　 13.3.3　线程行为概述　 13.4　处理程序示例驱动程序类　 13.4.1　驱动程序活动文件　 ...
Android知识点及重要代码合集 word文档
05-30
12.8万能的接口回调 165 13.1 Android数据存储分类 166 13.2 Shared Preferences存储 166 13.3 测试类的编写示例 170 13.4内部存储 173 13.5外部存储 176 14.1 SQL的分类 184 14.2常用SQL语句的使用 184 14.3数据库...
android 屏幕坐标色彩,Android自定义View实现颜色选取器
最新发布
05-31
Android屏幕坐标色彩指的是以屏幕左上角为原点的坐标系中，每个像素点所对应的颜色值。在Android中，可以通过获取屏幕上某一点的颜色值来实现一些特定的功能，比如颜色取色器、拾色器等。 实现颜色选取器可以借助自定义View来完成。具体步骤如下： 1. 自定义一个View，继承自View类，重写onDraw()方法。 2. 在onDraw()方法中，绘制一个渐变的色带，可以使用LinearGradient类来实现。同时，绘制一个小圆圈，表示当前选中的颜色。 3. 为View设置一个触摸事件，当手指按下、移动、抬起时，获取当前手指所在点的坐标，计算出对应的颜色值，并更新小圆圈的位置和颜色。 4. 在View的回调方法中，通知外部监听器当前选中的颜色值，以便外部进行相应的处理。 下面是一个示例代码，可以用来实现一个简单的颜色选取器： ``` public class ColorPickerView extends View { private Paint mPaint; private Paint mCirclePaint; private int mCurrentColor; private float mCurrentX; private float mCurrentY; private OnColorChangeListener mListener; public ColorPickerView(Context context) { super(context); init(); } public ColorPickerView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public ColorPickerView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setStyle(Paint.Style.FILL); mPaint.setStrokeWidth(0); mCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG); mCirclePaint.setStyle(Paint.Style.STROKE); mCirclePaint.setStrokeWidth(5); mCirclePaint.setColor(Color.BLACK); mCurrentColor = Color.RED; } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int[] colors = {Color.RED, Color.YELLOW, Color.GREEN, Color.CYAN, Color.BLUE, Color.MAGENTA, Color.RED}; float[] positions = {0, 1f / 6, 2f / 6, 3f / 6, 4f / 6, 5f / 6, 1}; LinearGradient gradient = new LinearGradient(0, 0, getWidth(), getHeight(), colors, positions, Shader.TileMode.CLAMP); mPaint.setShader(gradient); canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint); canvas.drawCircle(mCurrentX, mCurrentY, 15, mCirclePaint); } @Override public boolean onTouchEvent(MotionEvent event) { float x = event.getX(); float y = event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: case MotionEvent.ACTION_MOVE: mCurrentX = x; mCurrentY = y; int pixel = getPixelColor((int) x, (int) y); mCurrentColor = pixel; invalidate(); if (mListener != null) { mListener.onColorChanged(pixel); } return true; case MotionEvent.ACTION_UP: return true; } return super.onTouchEvent(event); } private int getPixelColor(int x, int y) { Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); draw(canvas); return bitmap.getPixel(x, y); } public int getCurrentColor() { return mCurrentColor; } public void setOnColorChangeListener(OnColorChangeListener listener) { mListener = listener; } public interface OnColorChangeListener { void onColorChanged(int color); } } ``` 在使用时，可以将该View添加到布局文件中，并设置一个监听器，监听器可以获取到当前选中的颜色值。 ``` ColorPickerView colorPickerView = (ColorPickerView) findViewById(R.id.color_picker_view); colorPickerView.setOnColorChangeListener(new ColorPickerView.OnColorChangeListener() { @Override public void onColorChanged(int color) { // do something with the color } }); ``` 这样，就可以通过自定义View来实现一个颜色选取器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值