Android自定义控件（二）-给自定义控件添加事件

在这篇博客中主要讲解给Android自定义控件添加点击事件，实现可以按住百分比圆圈在屏幕上进行拖动圆圈的功能。分两部分讲，第一部分是获取自定义控件的坐标，第二部分是重新绘制控件。

没有看过自定义控件的可以先阅读以下这篇博客：

https://blog.csdn.net/yuanheng19930119/article/details/88055225

第一部分：获取自定义控件坐标

首先看一张图，这是自定义控件中获取坐标的函数，各函数获取的坐标含义如下所示：

1.view获取自身坐标：getLeft(),getTop(),getRight(),getBottom()

getTop：获取到的，是view自身的顶边到其父布局顶边的距离

getLeft：获取到的，是view自身的左边到其父布局左边的距离

getRight：获取到的，是view自身的右边到其父布局左边的距离

getBottom：获取到的，是view自身的底边到其父布局顶边的距离

2.view获取自身宽高：getHeight(),getWidth()

3.motionEvent获取坐标：getX(),getY(),getRawX(),getRawY()

getX()：获取点击事件相对控件左边的x轴坐标，即点击事件距离控件左边的距离

getY()：获取点击事件相对控件顶边的y轴坐标，即点击事件距离控件顶边的距离

getRawX()：获取点击事件相对整个屏幕左边的x轴坐标，即点击事件距离整个屏幕左边的距离

getRawY()：获取点击事件相对整个屏幕顶边的y轴坐标，即点击事件距离整个屏幕顶边的距离

第二部分：计算控件左上角坐标，当按下控件移动的时候，计算偏移距离，重新绘制，代码及效果图如下所示：

import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.support.annotation.Nullable; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.view.View;

public class SimpleView extends View {

private final static String TAG = SimpleView.class.getSimpleName(); //画笔 private Paint mPaint; private RectF oval; //事件处理 private EventHandle mEventHandle; //鼠标按下位置 private int startX,startY; //按下鼠标时控件的位置 private int startLeft,startTop; //状态栏高度 int statusHeight = 0; public SimpleView(Context context) { super(context); init(); } public SimpleView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(); } public SimpleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init(){ mPaint = new Paint(); //设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。 mPaint.setAntiAlias(true); mPaint.setTextSize(30.0f); oval=new RectF(); mEventHandle=null; startY=startX=0; int resourceId = this.getResources().getIdentifier(“status_bar_height”, “dimen”, “android”); if (resourceId > 0) { statusHeight = this.getResources().getDimensionPixelSize(resourceId); } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int widthMode = MeasureSpec.getMode(widthMeasureSpec); int widthSize = MeasureSpec.getSize(widthMeasureSpec); int heightMode = MeasureSpec.getMode(heightMeasureSpec); int heightSize = MeasureSpec.getSize(heightMeasureSpec); Log.e(TAG, “onMeasure–widthMode–>” + widthMode); switch (widthMode) { case MeasureSpec.EXACTLY: //精确值模式，当控件的layout_width和layout_height属性指定为具体数值或match_parent时。 break; case MeasureSpec.AT_MOST: //最大值模式，当空间的宽高设置为wrap_content时。 break; case MeasureSpec.UNSPECIFIED: //未指定模式，View想多大就多大，通常在绘制自定义View时才会用。 break; } //取最小边为控件的宽高的最小值 int minWidth=widthSize>heightSize?heightSize:widthSize; setMeasuredDimension(minWidth,minWidth); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mPaint.setColor(Color.GRAY); // FILL填充, STROKE描边,FILL_AND_STROKE填充和描边 mPaint.setStyle(Paint.Style.FILL_AND_STROKE); int with = getWidth(); int height = getHeight(); Log.e(TAG, “onDraw—->” + with + “*” + height); float radius = with / 2-5; canvas.drawCircle(with / 2, with / 2, radius, mPaint); mPaint.setColor(Color.RED); oval.set(with / 2 – radius, with / 2 – radius, with / 2 + radius, with / 2 + radius);//用于定义的圆弧的形状和大小的界限 int sweepAngle=120; canvas.drawArc(oval, 0, -sweepAngle, true, mPaint); //根据进度画圆弧 double percent=sweepAngle/360.0; //设置文本颜色 mPaint.setColor(Color.WHITE); //绘制文本百分比数据 canvas.drawText(String.format(“%.2f”,percent)+”%”,(float)(with/2+radius*Math.cos(sweepAngle*Math.PI/360)/4) ,(float)(with/2-radius*Math.sin(sweepAngle*Math.PI/360)/3),mPaint); canvas.drawText(String.format(“%.2f”,1-percent)+”%”,(float)(with/2-radius*Math.cos(sweepAngle*Math.PI/360)) ,(float)(with/2+radius*Math.sin(sweepAngle*Math.PI/360)/3),mPaint); } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: startX=(int)event.getRawX(); startY=(int)event.getRawY(); startLeft=(int)(startX-event.getX()); /** * 这里startTop计算有些偏离，原因在于计算时加入了标题栏和状态栏的高度 * 注意：要是你的Activity没有去掉标题栏，这里还要去掉标题栏的高度 */ startTop= (int)(startY-event.getY())-statusHeight;//减去状态栏高度 break; case MotionEvent.ACTION_MOVE: if(mEventHandle!=null) { mEventHandle.onTouchEvent(event); }else{ int disX=(int)event.getRawX()-startX;//计算偏移的X坐标 int disY=(int)event.getRawY()-startY;//计算偏移的Y坐标; int left=startLeft+disX; int top=startTop+disY; //更新控件位置 layout(left,top,left+getWidth(),top+getHeight()); } break; case MotionEvent.ACTION_UP: break; } //返回true表示不消耗此事件，事件继续传递，返回flase表示事件消耗 return true; } public void setmEventHandle(EventHandle mEventHandle) { this.mEventHandle = mEventHandle; } interface EventHandle{ public void onTouchEvent(MotionEvent event); }

}

布局文件xml：

<?xml version=”1.0″ encoding=”utf-8″?> <RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android” xmlns:app=”http://schemas.android.com/apk/res-auto” xmlns:tools=”http://schemas.android.com/tools” android:layout_width=”match_parent” android:layout_height=”match_parent” tools:context=”com.example.myapplication.MainActivity”> <com.example.myapplication.SimpleView android:layout_width=”150dp” android:layout_height=”150dp” />

MainActivity，要注意的是，需要在这里将标题栏去掉，否则拖动的时候会出现偏差

import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Window;

public class MainActivity extends AppCompatActivity{

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏 /* requestWindowFeature(Window.FEATURE_NO_TITLE)无效解决方法： 正常情况下requestWindowFeature(Window.FEATURE_NO_TITLE)是可以生效的， 但是当Activity继承子AppCompatActivity的时候，这个就失效了 解决办法： 1、手动在oncreate里调用hide() if (getSupportActionBar() != null){ getSupportActionBar().hide(); } */ if (getSupportActionBar() != null){ getSupportActionBar().hide(); } setContentView(R.layout.activity_main); }

}

原文链接：https://blog.csdn.net/yuanheng19930119/article/details/88055355

推荐阅读：

Android模拟点击屏幕，实现按键精灵点击屏幕功能 Framework的范围 Framework简介