Android中实现滑动（中）----实现（1）

      在了解了前面介绍的基础知识之后，下面就来看看具体的滑动实现，接下来会介绍7种方法，主要是结合《Android群英传》中学习的知识展开。这七种方法分别是：

（1）View绘制时的layout方法

（2）View绘制时根据系统封装好的offSetLeftAndRight以及offSetTopAndBottom接口实现View的布局定位

（3）通过View的布局参数layoutParams来重置View的margin值实现布局重新定位

（4）通过View的scrollTo和scrollBy方法

（5）通过Scroller类实现

（6）通过属性动画实现

（7）通过ViewDragHelper实现

对于滑动的实现，我会分为四个部分讲解，第一部分讲述（1）（2）（3）的实现方法，第二部分讲述（4）和（5）的实现，第三部分讲述属性动画方法实现，第四部分也是较复杂的部分讲述（7）的实现，下面我们就开始吧。

1，View滑动的本质

view滑动的本质就是view根据实时的当前位置以及上一次的位置进行不停的重新绘制工作，比如下图：

      我们只需要获取到偏移量之后就可以对view进行重新绘制，也即这里面的offX和offY,而获取方式主要有两种，这两种主要是针对第一部分中介绍的两种坐标系计算出来的：

（1）视图坐标系

 int x = (int) event.getX();
 int y = (int) event.getY();
 //方式一，通过视图坐标系计算偏移量
 int offX = x - lastX;
 int offY = y - lastY;

（2）Android坐标系

 int rawX=(int)event.getRawX();
 int rawY=(int)event.getRawY();
 //方式二，通过Android坐标系计算偏移量
 int offRawX=rawX-lastRawX;
 int offRawY=rawY-lastRawY;

2，具体实现

//方式一，通过view的layout方法实现确定绘制的坐标
v.layout(offX+v.getLeft(),offY+v.getTop(),v.getRight()+offX,v.getBottom()+offY);
//v.layout(offRawX+v.getLeft(),offRawY+v.getTop(),v.getRight()+offRawX,v.getBottom()+offRawY);

//方式二，通过系统针对偏移量确定view坐标封装的API实现
//v.offsetLeftAndRight(offX);
//v.offsetTopAndBottom(offY);

//方式三，通过设置父布局view在父布局中参数设置实现，也即是通过修改移动目标view的margin值实现
LinearLayout.LayoutParams layoutParams= (LinearLayout.LayoutParams) v.getLayoutParams();
layoutParams.leftMargin=v.getLeft()+offX;
layoutParams.topMargin=v.getTop()+offY;
v.setLayoutParams(layoutParams);

3，示例代码

MainActivity代码：

package com.hfut.operationscroll;

import android.content.Context;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

/**
 * @author why
 * @date 2018-8-19 9:15:28
 */
public class MainActivity extends AppCompatActivity {

    int lastX = 0;
    int lastY = 0;
    //    int lastRawX=0;
//    int lastRawY=0;
    private static final String TAG = "MainActivity";
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        button = findViewById(R.id.test_button);
        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            actionBar.hide();
        }
        button.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int x = (int) event.getX();
                int y = (int) event.getY();

//                int rawX=(int)event.getRawX();
//                int rawY=(int)event.getRawY();
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        lastX = x;
                        lastY = y;
//                        lastRawX=rawX;
//                        lastRawY=rawY;
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                    case MotionEvent.ACTION_MOVE:
                        //方式一，通过视图坐标系计算偏移量
                        int offX = x - lastX;
                        int offY = y - lastY;
                        //方式二，通过Android坐标系计算偏移量
                        //int offRawX=rawX-lastRawX;
                        //int offRawY=rawY-lastRawY;

                        //方式一，通过view的layout方法实现确定绘制的坐标
                        //v.layout(offX+v.getLeft(),offY+v.getTop(),v.getRight()+offX,v.getBottom()+offY);
                        //v.layout(offRawX+v.getLeft(),offRawY+v.getTop(),v.getRight()+offRawX,v.getBottom()+offRawY);

                        //方式二，通过系统针对偏移量确定view坐标封装的API实现
                        //v.offsetLeftAndRight(offX);
                        //v.offsetTopAndBottom(offY);

                        //方式三，通过设置父布局view在父布局中参数设置实现，也即是通过修改移动目标view的margin值实现
                        LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) v.getLayoutParams();
                        layoutParams.leftMargin = v.getLeft() + offX;
                        layoutParams.topMargin = v.getTop() + offY;
                        v.setLayoutParams(layoutParams);

                        //在使用Android坐标系计算偏移量注意重置初始值
                        //lastRawX=rawX;
                        //lastRawX=rawY;
                        break;
                    default:
                        break;
                }
                return true;
            }
        });
    }

}

activity_main.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/test_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="拖我移动" />

</LinearLayout>

4，注意事项

（1）在使用绝对坐标（Android坐标系）的时候，一定要注意重置上一次的坐标信息

//在使用Android坐标系计算偏移量注意重置初始值
//lastRawX=rawX;
//lastRawX=rawY;

（2）在使用View布局在父布局中的参数设置margin值的时候需要注意两点：

a，参数的类型根据父布局的不同而不同，比如这里的Button父布局是一个LinearLayout：

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

b，这种方式如果父布局中添加了一下属性影响到margin的值的时候，最终的效果也会不一样，比如你可以尝试把activity_main.xml文件改成如下试一试：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/test_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="拖我移动" />

</LinearLayout>