滑动效果(一)

来源：互联网发布：网络平台开发合同编辑：程序博客网时间：2024/04/30 00:43

自定义一个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;    }

我们知道，在View进行绘制时，会调用onLayout()方法来设置显示的位子。同样，可以通过修改里面的4个属性来控制View的位子。
offsetLeftAndRight()与offsetTopAndButton()，这个方法相当于系统提供了一个对左右，上下移动的API封装。当计算出偏移量后，只需要使用如下代码就可以完成View的重新布局，效果与使用Layout方法一样。
```
offsetLeftAndRight(moveX);offsetTopAndBottom(moveY);
```

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

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

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

2 0