Android之自定义View实现随手势滑动的小圆球

来源：互联网发布：丽得姿黑面膜淘宝编辑：程序博客网时间：2024/04/29 19:42

一直以来觉得自己只是个菜鸟，虽然公司的项目能轻易的完成，但是总感觉缺少什么。大家似乎都认为android很简单，其实我认为只是初级android简单，若想深入研究它，其实也是很有看头的。

看了任玉刚老师的博客明白了，若想进一步学习android，还是要学习自定义View的，要想做出自己想要的绚丽的View，还是要从底层做起，下一番狠功夫。

俗话说的好，“欲练神功，必先**”，其实说得很有道理。其实自己一直都对View这个重要的知识点还是很模糊的，貌似也是android的难点，为了能练得此神功，花了70块大洋买了任玉刚老师编写的书籍《Android开发艺术探索》，听说这本书的口碑很好，买来后感觉确实非常棒。

今天学习了最简单的一个demo，自定义View实现随手势滑动的小圆球，开始自己的自定义View学习之旅。

效果图：

一.新建一个CustomView，继承自ImageView:

public class CustomView extends ImageView {    private int lastX;    private int lastY;    public CustomView(Context context) {        this(context, null);    }    public CustomView(Context context, AttributeSet attrs) {        super(context, attrs);    }    @Override    public boolean onTouchEvent(MotionEvent event) {        //获取屏幕的位置 xy值        int tempX = (int) event.getRawX();        int tempY = (int) event.getRawY();        switch (event.getAction()){            case MotionEvent.ACTION_DOWN:                break;            case MotionEvent.ACTION_MOVE:                int deltaX = tempX - lastX;                int deltaY = tempY - lastY;                Log.i("dali", "move:deltaX:" + deltaX + ",deltaY:" + deltaY);                int translationX = (int) (ViewHelper.getTranslationX(this) + deltaX);                int translationY = (int) (ViewHelper.getTranslationY(this) + deltaY);                ViewHelper.setTranslationX(this,translationX);                ViewHelper.setTranslationY(this,translationY);                break;            case MotionEvent.ACTION_UP:                break;            default:                break;        }        lastX = tempX;        lastY = tempY;        return true;    }}

可以看到，重写了onTouchEvent方法，通过event.getRawX和event.getRawY获取了相对于屏幕的坐标，因为这是要全屏滑动的，所以需要获取当前点击事件在屏幕中的坐标而不是相对于View自身的坐标。并且声明两个变量lastX和lastY，来记录View移动的初始值，通过两点的坐标，那么便能计算出位移，然后通过第三方库nineoldandroids来实现View的动画移动，最后再次记录lastX和lastY的值。

二.调用这个自定义View：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context=".MainActivity">    <com.dali.www.customviewdemo.CustomView        android:layout_width="100dp"        android:layout_height="100dp"        android:layout_centerInParent="true"        android:background="@drawable/bg_circle_iv"/></RelativeLayout>

三.画一个背景为红色的圆：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <corners android:radius="50dp"/>    <solid android:color="@android:color/holo_red_light"/></shape>

1 0