Android实现控件滑动的几种方法

我们可以通过系统提供的API进行View的滑动，实现方法有多种，但基本思想都是一致的，即当触摸View时，系统记下当前触摸点的坐标，当手指移动时，系统记下移动后的触摸点坐标，从而获取到相对于前一次坐标点的偏移量，并通过偏移量来修改View的坐标，这样不断的重复，从而实现滑动的效果。

具体实现：首先新建一个View，在activity_main中新建。

<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"

    android:orientation="vertical" >



    <Button

        android:id="@+id/button1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginLeft="24dp"

        android:layout_marginTop="22dp"

        android:text="Button" />



    <com.example.news.DragView1

        android:id="@+id/my_drag_view"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_alignRight="@+id/button1"

        android:layout_below="@+id/button1"

        android:background="#354126" />



</LinearLayout>

这里多加了个button做参考物。

1.利用layout()方法

import android.content.Context;

import android.graphics.Color;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;



public class DragView1 extends View {



    private int lastX;

    private int lastY;



    public DragView1(Context context) {

        super(context);

    }



    public DragView1(Context context, AttributeSet attrs) {

        super(context, attrs);

    }



    public DragView1(Context context, AttributeSet attrs, int defStyleAttr) {

        super(context, attrs, defStyleAttr);

    }



    // 视图坐标方式

    @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;

                lastY = y;

                break;

            case MotionEvent.ACTION_MOVE:

                // 计算偏移量

                int offsetX = x - lastX;

                int offsetY = y - lastY;

                // 在当前left、top、right、bottom的基础上加上偏移量

                layout(getLeft() + offsetX,

                        getTop() + offsetY,

                        getRight() + offsetX,

                        getBottom() + offsetY);

                break;

        }

        return true;

    }

}

上面使用的是getX()、getY()方法获取的坐标值，即通过视图View的坐标来获取的偏移量。当然，同样可以使用getRawX()、getRawY()方法老获取坐标。如下所示：

	

    @Override

    public boolean onTouchEvent(MotionEvent event) {

        int rawX = (int) event.getRawX();

        int rawY = (int) event.getRawY();

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:

                // 记录触摸点坐标

                lastX = rawX;

                lastY = rawY;

                break;

            case MotionEvent.ACTION_MOVE:

                // 计算偏移量

                int offsetX = rawY - lastX;

                int offsetY = rawY - lastY;

                // 在当前left、top、right、bottom的基础上加上偏移量

                layout(getLeft() + offsetX,

                        getTop() + offsetY,

                        getRight() + offsetX,

                        getBottom() + offsetY);

                //重新设置初始坐标

                lastX = rawX;

                lastY = rawY;

                break;

        }

        return true;

    }

注意：使用绝对坐标系后，在ACTION_MOVE的逻辑后，一定要重新设置初始坐标，这样才能准确地获取偏移量。

这里也可以利用setX()，setY()方法进行控件的滑动。

 float downX, downY;

    float moveX, moveY;



    @Override

    public boolean onTouchEvent(MotionEvent event) {

        if (event.getAction() == MotionEvent.ACTION_DOWN) {

            downX = event.getRawX();

            downY = event.getRawY();

        }



        if (event.getAction() == MotionEvent.ACTION_MOVE) {

            moveX = event.getRawX();

            moveY = event.getRawY();



            this.setX(getX() + (moveX - downX));

            this.setY(getY() + (moveY - downY));

            downX = moveX;

            downY = moveY;

        }



        return true;// 返回true 表示 处理Touch事件

        // return super.onTouchEvent(event);

    }

2.offsetLeftAndRight()和offsetTopAndBottom()方法

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

//同时对left和right进行偏移设置

offsetLeftAndRight(offsetX);

//同时对Top和Bottom进行偏移设置

offsetTopAndBottom(offsetY);

3.LayoutParams

LayoutParams保存了一个View的布局参数，因此可以通过改变LayoutParams来动态地修改一个布局的位置参数，从而达到改变View位置的效果。可以通过getLayoutParams来获取一个Viewd LayoutParams。这里计算偏移量的方法和第一个Layout方法中的一样。当获取到偏移量后，通过设置setLayoutParams来改变其LayoutParams,代码如下：

@Override

    public boolean onTouchEvent(MotionEvent event) {

        int x = (int) event.getX();

        int y = (int) event.getY();

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:

                // 记录触摸点坐标

                lastX = (int) event.getX();

                lastY = (int) event.getY();

                break;

            case MotionEvent.ACTION_MOVE:

                // 计算偏移量

                int offsetX = x - lastX;

                int offsetY = y - lastY;

		LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();

              //ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams();

                layoutParams.leftMargin = getLeft() + offsetX;

                layoutParams.topMargin = getTop() + offsetY;

                setLayoutParams(layoutParams);

                break;

        }

        return true;

    }

如果我们使用下面的ViewGroup.Margin的话，使用更加方便，不需要考虑父布局。

4.scrollTo与scrollBy

在一个View中，系统提供了scrollTo、scrollBy两种方式来改变一个View的位置。这两个方法的区别也很好理解，scrollTo(x,y)表示移动到坐标点(x,y)，scrollBy(x,y)表示移动的增量为x、y。

与前几种方式相同，在获取到偏移量后使用scrollBy来移动View，代码如下：

@Override

    public boolean onTouchEvent(MotionEvent event) {

        int x = (int) event.getX();

        int y = (int) event.getY();

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:

                lastX = (int) event.getX();

                lastY = (int) event.getY();

                break;

            case MotionEvent.ACTION_MOVE:

                int offsetX = x - lastX;

                int offsetY = y - lastY;

                ((View) getParent()).scrollBy(-offsetX, -offsetY);

                break;

        }