简单进阶随手指移动的View

因为公司新开项目，好久没空更新博客，今天稍微练练手写了一个简单的小Demo,手指移动View。是很简单，所谓难点只是需要清楚控件TouchEvent的几个Action的了解及控件位置X坐标Y坐标和偏移量的计算。

我们自定义一个class 继承View ,然后重写onTouchEvent方法，看下代码：

@Override    public boolean onTouchEvent(MotionEvent event) {        int x = (int) event.getX();        int y = (int) event.getY();        switch (event.getAction()){            case MotionEvent.ACTION_DOWN://监听手指按下的动作                lastX = x;//记录刚按下屏幕的x坐标                lastY = y;//记录刚按下屏幕的y坐标                break;            case MotionEvent.ACTION_MOVE://监听手指移动的动作                int offsetX = x - lastX;//算出x轴的偏移量                int offsetY = y - lastY;//算出y轴的偏移量                layout(getLeft()+offsetX,getTop()+offsetY,getRight()+offsetX,getBottom()+offsetY);//根据偏移量重新定位View的位置                break;        }        return true;    }

完整的代码如下：

public class CustomView extends View {    private static final String TAG = "CustomView";    private int lastX;    private int lastY;    public CustomView(Context context) {        super(context);    }    public CustomView(Context context, @Nullable AttributeSet attrs) {        super(context, attrs);    }    @Override    public boolean onTouchEvent(MotionEvent event) {        int x = (int) event.getX();        int y = (int) event.getY();        switch (event.getAction()){            case MotionEvent.ACTION_DOWN://监听手指按下的动作                lastX = x;//记录刚按下屏幕的x坐标                lastY = y;//记录刚按下屏幕的y坐标                break;            case MotionEvent.ACTION_MOVE://监听手指移动的动作                int offsetX = x - lastX;//算出x轴的偏移量                int offsetY = y - lastY;//算出y轴的偏移量                layout(getLeft()+offsetX,getTop()+offsetY,getRight()+offsetX,getBottom()+offsetY);//根据偏移量重新定位View的位置                break;        }        return true;    }}

该有的注释已经注释上去了。

我们直接在布局文件引用上这个控件：

<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout    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.jstacc.energy.blogtest.MainActivity">    <com.blogtest.CustomView        android:layout_width="50dp"        android:layout_height="50dp"        android:background="@color/colorPrimary"/></android.support.constraint.ConstraintLayout>

看下效果：