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

自定义View实现随手势滑动的小圆球"/>

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

一直以来觉得自己只是个菜鸟，虽然公司的项目能轻易的完成，但是总感觉缺少什么。大家似乎都认为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);}@Overridepublic 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=""xmlns:tools="" android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><com.dali.www.customviewdemo.CustomViewandroid: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=""><corners android:radius="50dp"/><solid android:color="@android:color/holo_red_light"/>
</shape>