滑动效果(一)

自定义一个View，让他随着手指的滑动而滑动。

<LinearLayout 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.example.scorllview.DragView 
        android:background="@drawable/a"
        android:layout_width="200dp"
        android:layout_height="200dp"/>

</LinearLayout>

我们会在onTouchEvent方法里面实现相关触发事件，常用的触发事件如下：

//单点触摸按下动作
public static final int ACTION_DOWN=0;

//单点触摸离开动作
public static final int ACTION_UP=1;

//触摸点移动动作
public static final int ACTION_MOVE=2;

//触摸动作取消
public static final ACTION_CANCLE=3;

//触摸动作超出边界
public static final ACTION_OUTSIDE=4;

//多点触摸按下动作
public static final ACTION_POINTER_DOWN=5;

//多点离开动作
public static final ACTION_POINTER_UP=6;

通常情况下，我们会在onTouchEvent(MotionEvent event)方法中通过event.getAction()方法来获取触控事件的类型，并使用switch-case方法来进行筛选，这个代码的模型基本固定，如下所示。

@Override
    public boolean onTouchEvent(MotionEvent event) {
        int downX = 0;
        int downY = 0;
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            downX = (int) event.getX();
            downY = (int) event.getY();
            break;

        case MotionEvent.ACTION_MOVE:
            int moveX=(int)event.getX()-downX;
            int moveY=(int)event.getY()-downY;

            layout(getLeft()+moveX, getTop()+moveY,  getRight()+moveX, getBottom()+moveY);

            downX=moveX;
            downY=moveY;
            break;

        default:
            break;
        }
        return true;
    }

1. 我们知道，在View进行绘制时，会调用onLayout()方法来设置显示的位子。同样，可以通过修改里面的4个属性来控制View的位子。

2. offsetLeftAndRight()与offsetTopAndButton()，这个方法相当于系统提供了一个对左右，上下移动的API封装。当计算出偏移量后，只需要使用如下代码就可以完成View的重新布局，效果与使用Layout方法一样。

   offsetLeftAndRight(moveX);
   offsetTopAndBottom(moveY);

3. 使用LayoutParams
   LayoutParams保存了一个View的布局参数，动态的修改里面的参数也可以实现滑动效果，代码如下。

   LinearLayout.LayoutParams params = (android.widget.LinearLayout.LayoutParams) getLayoutParams();
   params.leftMargin=getLeft()+moveX;
   params.topMargin=getTop()+moveY;
   setLayoutParams(params);
   

由于图片过大无法展示，赶快自己试试吧！