Android 使用Scroller来实现item滑动删除

Android 使用Scroller来滑动到指定的位置实现item过度效果，通过scrollBy()方法进行持续滑动。

自定义控件实现让自己的view变得绚丽多彩，简单来实现通过滑动item来点击删除。先来定义一个自定View,继承LinearLayout实现OnTouchListener接口，后面通过该接口的方法进行回调。

package map.example.com.scrollerandview;

import android.content.Context;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.Scroller;

/**
 * Created by wg on 2017/10/11.
 */

public class SlidingLinearLayout extends LinearLayout implements View.OnTouchListener {

    //使用Scroller来实现滑动过度效果
    private Scroller mScroller = new Scroller(getContext());

    //记录正在移动中的值
    private int tempX;

    //正在移动的点的值
    private int moveX;

    //控制滑动的方向，第一次从左往右可以进行滑动
    private boolean isLeftMove = true;

    //第一次从右往左不可滑动
    private boolean isRightMove = false;

    //用来存放子view的宽度
    private int[] viewWidths = new int[3];

    //隐藏view的宽度
    private int hideViewWidth;

    //指定滑动距离超过100时松开手判断最终的滑动
    private int distance = 100;

    public SlidingLinearLayout(Context context) {
        super(context);
        init();
    }

    public SlidingLinearLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public SlidingLinearLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        //设置监听器通过回调来调用接口中方法
        setOnTouchListener(this);

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取每个子view的宽度存入viewWidths数组中
        for (int i = 0; i < getChildCount(); i++) {
            //getChilt(i) 获取第i个view的对象，getMeasuredWidth() 获取测量的宽度
            viewWidths[i] = getChildAt(i).getMeasuredWidth();
        }
        //计算隐藏view的总宽度
        hideViewWidth = viewWidths[1] + viewWidths[2];
    }

    @Override
    public void computeScroll() {
        if (mScroller.computeScrollOffset()) {
            //通过scrollTo移动到给定的位置
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            //重绘执行computeScroll()方法
            postInvalidate();
        }
    }

    public void smoothScrollTo(int destX) {
        int scrollX = getScrollX();
        int deltaX = destX - scrollX;
        //0.5s内移动view内容
        mScroller.startScroll(scrollX, 0, deltaX, 0, 500);
        //重绘执行computeScroll()方法
        invalidate(); 
    }


    @Override
    public boolean onTouch(View v, MotionEvent event) {
        //处理移动
        move(event);
        return true;
    }

    private void move(MotionEvent event) {
        //获取滑动的值，向左滑动scrollX值增大，向右滑动scrollX值减小
        int scrollX = getScrollX();

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN: {
                //记录按下的值
                tempX = (int) event.getX();
                break;
            }

            case MotionEvent.ACTION_MOVE: {
                //记录当前正在移动的值
                moveX = (int) event.getX();

                //向左滑动，scrollX的值小于hideViewWidth，最后一个view右边在屏幕最右边
                if (moveX < tempX && scrollX < hideViewWidth) {
                    //通过向左滑动差值进行移动
                    scrollBy(tempX - moveX, 0);

                }

                //向右滑动，使scroll的值大于0，第一个view左边与在屏幕最左边
                if (moveX > tempX && scrollX > 0) { //向右滑动
                    //通过向右滑动差值进行移动
                    scrollBy(tempX - moveX, 0);

                }

                //向右滑动到左边界时，第一个view的左边在屏幕最左边的右边时，则将view左边移动到屏幕的最左边
                if (scrollX < 0) {
                    scrollTo(0, 0);
                }


                //向左滑动到右边界时，第一个view的右边在屏幕最右边的左边时，则将view右边移动到屏幕的最右边
                if (scrollX > hideViewWidth) {
                    scrollTo(hideViewWidth, 0);
                }

                //保留移动点的距离
                tempX = moveX;

                break;
            }

            case MotionEvent.ACTION_UP: {
                // isLeftMove 默认是true
                // isRightMove 默认是false
                //view处于屏幕左边界状态，从右向左滑动，scrollX大于distance时，将滑动view处于右边界状态
                if (scrollX > distance && isLeftMove) {
                    //滑动到右边界状态
                    smoothScrollTo(hideViewWidth);
                    //手势向左滑动无效
                    isLeftMove = false;
                    //手势可以向右滑动
                    isRightMove = true;
                } else if (scrollX < hideViewWidth - distance && isRightMove) { //view处于屏幕右边界状态，从左向右滑动,scrollX小于hideViewWidth - distance时，将滑动view处于左边界状态
                    //滑动到左边界状态
                    smoothScrollTo(0);
                    //手势可以向左滑动
                    isLeftMove = true;
                    //手势向右滑动无效
                    isRightMove = false;
                }

                //处于左边界时，当滑动的scrollX的值小于distance时，则还是处于左边界
                if (scrollX < distance && isLeftMove) {
                    //滑动到左边界
                    smoothScrollTo(0);
                } else if (scrollX > hideViewWidth - distance && isRightMove) {//处于右边界时，当滑动的scrollX的值大于hideViewWidth - distance时，则还是处于右边界
                    //滑动到右边界
                    smoothScrollTo(hideViewWidth);
                }

                break;
            }

            default:
                break;
        }

    }
}

在activity_main使用自定义的SlidingLinearLayout

<?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="map.example.com.scrollerandview.MainActivity">


    <map.example.com.scrollerandview.SlidingLinearLayout
        android:id="@+id/sliding_linearlayout2"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/content_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="Scroller And View"
            android:background="#8DC3CF"
            android:gravity="center_vertical"
            android:textSize="18dp">

        </TextView>

        <Button
            android:id="@+id/delete_but"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:text="Delete"
            android:background="#ff0000"
            android:textColor="#ffffff"
            android:textSize="18dp"
            android:gravity="center"/>

        <Button
            android:id="@+id/istop_but"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:text="Istop"
            android:background="#ffff00"
            android:textColor="#ffffff"
            android:textSize="18dp"
            android:gravity="center"/>

    </map.example.com.scrollerandview.SlidingLinearLayout>

</LinearLayout>

在MainActivity中监听delete按钮在onClick方法toast

package map.example.com.scrollerandview;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final Context mContext = this;
        findViewById(R.id.delete_but).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(mContext,"删除",Toast.LENGTH_SHORT).show();
            }
        });
    }

总结：Scroller实现view缓慢移动到指定位置的内容进行移动，scrollBy()移动内容的位置，不会更改view的实际位置。