Android 左滑删除控件

背景:在android开发中,列表是经常会使用到的一个主要控件,列表中可以展示大量的数据,像订单、商品、通讯录、浏览记录或者关注列表等等。可能产品一开始需求只做简单的数据展示,但后期随着功能越来越多,越来越完善,产品可能说在列表里面增加一些交互能力。比如说订单列表里面,一开始只是展示订单数据,后面需要加上删除订单的功能,以前Android中这种功能要的很多的可能就是长按操作这种的,因为程序猿只需要很少的代码就能实现。但是ios的习惯操作是左滑删除,为了保持统一的操作习惯,两端保持一致,最终产品会让Android程序猿去实现一种和ios一模一样的功能。如果你的代码已经维护了很久,代码量比较大,不愿意去大改,那么今天这个控件就能轻松的助你完成左滑删除的功能。

先上效果图:

效果图.gif

设计思路:最好以最小的代码侵入来实现左滑删除的功能,在不破坏原来逻辑的基础上,只需稍加改造便可具备左滑删除的能力。
首先分析下左滑删除的基础原理:

左滑删除.png

原理分析:

  1. 正常状态下,我们看到的是完整的内容部分,右侧菜单部分因为超出屏幕所以不在视线范围内。
  2. 手指滑动过程中,容器的内容跟随手指移动,从而拉出在屏幕外面的菜单区域。
  3. 当手指松开的时候,我们先假定一种逻辑,如果菜单区域显示超过一半,那就全部显示;如果少于一半那就滑出隐藏。

滑动原理分析完了之后,我们大概就有了实现思路了:

  1. 首先我们的控件里面需要两块区域,因为以前可能已经实现了列表item的显示,如果能不做任何改动,直接把以前的item包含到我们的内容区域里面来,那么我们内容区域就轻松搞定了。
  2. 菜单区域,需要什么能力,就把相关的View也传递给我容器,然后容器放到相应位置。

谈笑间,简单两步我们的左滑删除容器已经完成一个简单的雏形了!

接下来就是代码实现:

步骤一:内容和菜单分别加入容器

/**
     * 设置内容区域
     * @param contentView
     */
    public void addContentView(View contentView) {
        this.mContentView = contentView;
        this.mContentView.setTag("contentView");
        
        View cv = findViewWithTag("contentView");
        if (cv != null) {
            this.removeView(cv);
        }
        LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT
        );
        this.addView(this.mContentView, layoutParams);
    }
    
    /**
     * 设置右边菜单区域
     */
    public void addMenuView(View menuView) {
        this.mMenuView = menuView;
        this.mMenuView.setTag("menuView");
        
        View mv = findViewWithTag("menuView");
        if (mv != null) {
            this.removeView(mv);
        }
        LayoutParams layoutParams = new LayoutParams(mRightCanSlide, ViewGroup.LayoutParams.MATCH_PARENT);
        this.addView(this.mMenuView, layoutParams);
    }

步骤二:左滑处理

/**
     * 拦截触摸事件
     *
     * @param ev
     * @return
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        
        int actionMasked = ev.getActionMasked();
        
        Log.e(TAG, "onInterceptTouchEvent: actionMasked = " + actionMasked);
        
        switch (actionMasked) {
            case MotionEvent.ACTION_DOWN:
                mInitX = ev.getRawX() + getScrollX();
                mInitY = ev.getRawY();
                clearAnim();
                
                if (mViewPager != null) {
                    mViewPager.requestDisallowInterceptTouchEvent(true);
                }
                
                if (mCardView != null) {
                    mCardView.requestDisallowInterceptTouchEvent(true);
                }
                
                break;
            
            case MotionEvent.ACTION_MOVE:
                
                if (mInitX - ev.getRawX() < 0) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                    
                    // 阻止ViewPager拦截事件
                    if (mViewPager != null) {
                        mViewPager.requestDisallowInterceptTouchEvent(true);
                    }
                    
                    return false;
                }
                
                // y轴方向上达到滑动最小距离, x 轴未达到
                if (Math.abs(ev.getRawY() - mInitY) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) > Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                    
                    return false;
                    
                }
                
                // x轴方向达到了最小滑动距离,y轴未达到
                if (Math.abs(mInitX - ev.getRawX() - getScrollX()) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) <= Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 阻止父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(true);
                        isReCompute = false;
                    }
                    
                    return true;
                }
                
                break;
            
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                
                if (mRecyclerView != null) {
                    mRecyclerView.requestDisallowInterceptTouchEvent(false);
                    isReCompute = true;
                }
                break;
            default:
                break;
        }
        
        return super.onInterceptTouchEvent(ev);
    }
/**
     * 处理触摸事件
     * 需要注意何时处理左滑,何时不处理
     *
     * @param ev
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        
        int actionMasked = ev.getActionMasked();
        
        switch (actionMasked) {
            case MotionEvent.ACTION_DOWN:
                mInitX = ev.getRawX() + getScrollX();
                mInitY = ev.getRawY();
                clearAnim();
                
                if (mViewPager != null) {
                    mViewPager.requestDisallowInterceptTouchEvent(true);
                }
                
                if (mCardView != null) {
                    mCardView.requestDisallowInterceptTouchEvent(true);
                }
                
                break;
            
            case MotionEvent.ACTION_MOVE:
                
                if (mInitX - ev.getRawX() < 0) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                    
                    // 阻止ViewPager拦截事件
                    if (mViewPager != null) {
                        mViewPager.requestDisallowInterceptTouchEvent(true);
                        isReCompute = false;
                    }
                }
                
                // y轴方向上达到滑动最小距离, x 轴未达到
                if (Math.abs(ev.getRawY() - mInitY) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) > Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                }
                
                // x轴方向达到了最小滑动距离,y轴未达到
                if (Math.abs(mInitX - ev.getRawX() - getScrollX()) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) <= Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 阻止父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(true);
                        isReCompute = false;
                    }
                }
                
                
                /** 如果手指移动距离超过最小距离 */
                float translationX = mInitX - ev.getRawX();
                
                // 如果滑动距离已经大于右边可伸缩的距离后, 应该重新设置initx
                if (translationX > mRightCanSlide) {
                    mInitX = ev.getRawX() + mRightCanSlide;
                    
                }
                
                // 如果互动距离小于0,那么重新设置初始位置initx
                if (translationX < 0) {
                    mInitX = ev.getRawX();
                }
                
                translationX = translationX > mRightCanSlide ? mRightCanSlide : translationX;
                translationX = translationX < 0 ? 0 : translationX;
                
                // 向左滑动
                if (translationX <= mRightCanSlide && translationX >= 0) {
                    
                    scrollTo((int) translationX, 0);
                    
                    return true;
                }
                
                break;
            
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                
                if (mRecyclerView != null) {
                    mRecyclerView.requestDisallowInterceptTouchEvent(false);
                    isReCompute = true;
                }
                
                upAnim();
                
                return true;
                
                default:
                    break;
        }
        
        return true;
    }

以上两个方法主要处理了左滑移动功能以及滑动冲突问题,如果用的是RecyclerView那么为了防止垂直方向的同向冲突,那么需要将外层的RecyclerView传入左滑容器,在这个容器中会处理滑动冲突。

到这就已经实现了左滑功能,并且解决掉了垂直方向上的滑动冲突,然后我们还要实现一个功能是:如果有一个item向左滑动并显示出右边的菜单区域,当手指再次按下或者列表滑动的时候,需要将已经显示菜单区域的item收起,恢复原来的状态。为了提供这个能力,左滑容器里面提供一个菜单状态变化的监听:

/**
     * 删除按钮状态变化监听
     */
    public interface OnDelViewStatusChangeLister {
        
        /**
         * 状态变化监听
         * @param show  是否正在显示
         */
        void onStatusChange(boolean show);
    }


/**
     * 重置 菜单展开/菜单收起 状态
     */
    public void resetDelStatus() {
        
        int scrollX = getScrollX();
        
        if (scrollX == 0) {
            return;
        }
        
        clearAnim();
        
        mValueAnimator = ValueAnimator.ofInt(scrollX, 0);
        mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                
                scrollTo(value, 0);
            }
        });
        
        mValueAnimator.setDuration(mAnimDuring);
        mValueAnimator.start();
    }

菜单展开或者收起都会调用这个方法,方便第三方调用者处理状态。

再者还有就是加上动画,让滑动更加柔和:

/**
     * 手指抬起执行动画
     */
    private void upAnim() {
        int scrollX = getScrollX();
        
        if (scrollX == mRightCanSlide || scrollX == 0) {
            
            if (mStatusChangeLister != null) {
                mStatusChangeLister.onStatusChange(scrollX == mRightCanSlide);
            }
            
            return;
        }
        
        clearAnim();
        
        // 如果显出一半松开手指,那么自动完全显示。否则完全隐藏
        if (scrollX >= mRightCanSlide / 2) {
            mValueAnimator = ValueAnimator.ofInt(scrollX, mRightCanSlide);
            mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    int value = (int) animation.getAnimatedValue();
                    
                    scrollTo(value, 0);
                }
            });
            
            mValueAnimator.setDuration(mAnimDuring);
            mValueAnimator.start();
            
            if (mStatusChangeLister != null) {
                mStatusChangeLister.onStatusChange(true);
            }
        }
        else {
            mValueAnimator = ValueAnimator.ofInt(scrollX, 0);
            mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    int value = (int) animation.getAnimatedValue();
                    
                    scrollTo(value, 0);
                }
            });
            
            mValueAnimator.setDuration(mAnimDuring);
            mValueAnimator.start();
            
            if (mStatusChangeLister != null) {
                mStatusChangeLister.onStatusChange(false);
            }
        }
    }

最后贴上左滑删除容器的完整代码:

/**
 * @author luowang
 * @date 2020-08-19 17:31
 * 左滑删除View
 */
public class LeftSlideView extends LinearLayout {
    
    /**
     * tag
     */
    public static final String TAG = "LeftSlideView";
    
    /**
     * 上下文
     */
    private Context mContext;
    
    
    /**
     * 最小触摸距离
     */
    private int mTouchSlop;
    
    
    /**
     * 右边可滑动距离
     */
    private int mRightCanSlide;
    
    
    /**
     * 按下x
     */
    private float mInitX;
    
    /**
     * 按下y
     */
    private float mInitY;
    
    
    /**
     * 属性动画
     */
    private ValueAnimator mValueAnimator;
    
    
    /**
     * 动画时长
     */
    private int mAnimDuring = 200;
    
    /**
     * 删除按钮的长度
     */
    private int mDelLength = 76;
    
    /**
     * ViewPager
     */
    private ViewPager mViewPager;
    
    /**
     * RecyclerView
     */
    private RecyclerView mRecyclerView;
    
    /** CardView */
    private CardView mCardView;
    
    /** 是否重新计算 */
    private boolean isReCompute = true;
    
    
    /** 状态监听 */
    private OnDelViewStatusChangeLister mStatusChangeLister;
    
    /**
     * 内容区域View
     */
    private View mContentView;
    
    /**
     * 菜单区域View
     */
    private View mMenuView;
    
    
    
    public LeftSlideView(Context context) {
        this(context, null);
    }
    
    public LeftSlideView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }
    
    public LeftSlideView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.mContext = context;
        
        init();
    }
    
    
    /**
     * 初始化
     */
    private void init() {
        mTouchSlop = ViewConfiguration.get(mContext).getScaledTouchSlop();
        mRightCanSlide = DPIUtil.dip2px(mContext, mDelLength);
        setBackgroundColor(Color.TRANSPARENT);
        // 水平布局
        setOrientation(LinearLayout.HORIZONTAL);
        initView();
    }
    
    /**
     * 设置内容区域
     * @param contentView
     */
    public void addContentView(View contentView) {
        this.mContentView = contentView;
        this.mContentView.setTag("contentView");
        
        View cv = findViewWithTag("contentView");
        if (cv != null) {
            this.removeView(cv);
        }
        LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT
        );
        this.addView(this.mContentView, layoutParams);
    }
    
    /**
     * 设置右边菜单区域
     */
    public void addMenuView(View menuView) {
        this.mMenuView = menuView;
        this.mMenuView.setTag("menuView");
        
        View mv = findViewWithTag("menuView");
        if (mv != null) {
            this.removeView(mv);
        }
        LayoutParams layoutParams = new LayoutParams(mRightCanSlide, ViewGroup.LayoutParams.MATCH_PARENT);
        this.addView(this.mMenuView, layoutParams);
    }
    
    
    /**
     * 设置Viewpager
     */
    public void setViewPager(ViewPager viewPager) {
        mViewPager = viewPager;
    }
    
    /**
     * 设置RecyclerView
     */
    public void setRecyclerView(RecyclerView recyclerView) {
        mRecyclerView = recyclerView;
    }
    
    /** 设置CardView */
    public void setCardView(CardView cardView) {
        mCardView = cardView;
    }
    
    /** 设置状态监听 */
    public void setStatusChangeLister(OnDelViewStatusChangeLister statusChangeLister) {
        mStatusChangeLister = statusChangeLister;
    }
    
    /**
     * 初始化View
     */
    private void initView() {
        
    
    
    }
    
    
    /**
     * 拦截触摸事件
     *
     * @param ev
     * @return
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        
        int actionMasked = ev.getActionMasked();
        
        Log.e(TAG, "onInterceptTouchEvent: actionMasked = " + actionMasked);
        
        switch (actionMasked) {
            case MotionEvent.ACTION_DOWN:
                mInitX = ev.getRawX() + getScrollX();
                mInitY = ev.getRawY();
                clearAnim();
                
                if (mViewPager != null) {
                    mViewPager.requestDisallowInterceptTouchEvent(true);
                }
                
                if (mCardView != null) {
                    mCardView.requestDisallowInterceptTouchEvent(true);
                }
                
                break;
            
            case MotionEvent.ACTION_MOVE:
                
                if (mInitX - ev.getRawX() < 0) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                    
                    // 阻止ViewPager拦截事件
                    if (mViewPager != null) {
                        mViewPager.requestDisallowInterceptTouchEvent(true);
                    }
                    
                    return false;
                }
                
                // y轴方向上达到滑动最小距离, x 轴未达到
                if (Math.abs(ev.getRawY() - mInitY) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) > Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                    
                    return false;
                    
                }
                
                // x轴方向达到了最小滑动距离,y轴未达到
                if (Math.abs(mInitX - ev.getRawX() - getScrollX()) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) <= Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 阻止父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(true);
                        isReCompute = false;
                    }
                    
                    return true;
                }
                
                break;
            
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                
                if (mRecyclerView != null) {
                    mRecyclerView.requestDisallowInterceptTouchEvent(false);
                    isReCompute = true;
                }
                break;
            default:
                break;
        }
        
        return super.onInterceptTouchEvent(ev);
    }
    
    /**
     * 处理触摸事件
     * 需要注意何时处理左滑,何时不处理
     *
     * @param ev
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        
        int actionMasked = ev.getActionMasked();
        
        switch (actionMasked) {
            case MotionEvent.ACTION_DOWN:
                mInitX = ev.getRawX() + getScrollX();
                mInitY = ev.getRawY();
                clearAnim();
                
                if (mViewPager != null) {
                    mViewPager.requestDisallowInterceptTouchEvent(true);
                }
                
                if (mCardView != null) {
                    mCardView.requestDisallowInterceptTouchEvent(true);
                }
                
                break;
            
            case MotionEvent.ACTION_MOVE:
                
                if (mInitX - ev.getRawX() < 0) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                    
                    // 阻止ViewPager拦截事件
                    if (mViewPager != null) {
                        mViewPager.requestDisallowInterceptTouchEvent(true);
                        isReCompute = false;
                    }
                }
                
                // y轴方向上达到滑动最小距离, x 轴未达到
                if (Math.abs(ev.getRawY() - mInitY) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) > Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 让父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(false);
                        isReCompute = false;
                    }
                }
                
                // x轴方向达到了最小滑动距离,y轴未达到
                if (Math.abs(mInitX - ev.getRawX() - getScrollX()) >= mTouchSlop
                        && Math.abs(ev.getRawY() - mInitY) <= Math.abs(mInitX - ev.getRawX() - getScrollX())) {
                    
                    // 阻止父级容器拦截
                    if (mRecyclerView != null && isReCompute) {
                        mRecyclerView.requestDisallowInterceptTouchEvent(true);
                        isReCompute = false;
                    }
                }
                
                
                /** 如果手指移动距离超过最小距离 */
                float translationX = mInitX - ev.getRawX();
                
                // 如果滑动距离已经大于右边可伸缩的距离后, 应该重新设置initx
                if (translationX > mRightCanSlide) {
                    mInitX = ev.getRawX() + mRightCanSlide;
                    
                }
                
                // 如果互动距离小于0,那么重新设置初始位置initx
                if (translationX < 0) {
                    mInitX = ev.getRawX();
                }
                
                translationX = translationX > mRightCanSlide ? mRightCanSlide : translationX;
                translationX = translationX < 0 ? 0 : translationX;
                
                // 向左滑动
                if (translationX <= mRightCanSlide && translationX >= 0) {
                    
                    scrollTo((int) translationX, 0);
                    
                    return true;
                }
                
                break;
            
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                
                if (mRecyclerView != null) {
                    mRecyclerView.requestDisallowInterceptTouchEvent(false);
                    isReCompute = true;
                }
                
                upAnim();
                
                return true;
                
                default:
                    break;
        }
        
        return true;
    }
    
    
    /**
     * 清除动画
     */
    private void clearAnim() {
        if (mValueAnimator == null) {
            return;
        }
        
        mValueAnimator.end();
        mValueAnimator.cancel();
        mValueAnimator = null;
    }
    
    
    /**
     * 手指抬起执行动画
     */
    private void upAnim() {
        int scrollX = getScrollX();
        
        if (scrollX == mRightCanSlide || scrollX == 0) {
            
            if (mStatusChangeLister != null) {
                mStatusChangeLister.onStatusChange(scrollX == mRightCanSlide);
            }
            
            return;
        }
        
        clearAnim();
        
        // 如果显出一半松开手指,那么自动完全显示。否则完全隐藏
        if (scrollX >= mRightCanSlide / 2) {
            mValueAnimator = ValueAnimator.ofInt(scrollX, mRightCanSlide);
            mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    int value = (int) animation.getAnimatedValue();
                    
                    scrollTo(value, 0);
                }
            });
            
            mValueAnimator.setDuration(mAnimDuring);
            mValueAnimator.start();
            
            if (mStatusChangeLister != null) {
                mStatusChangeLister.onStatusChange(true);
            }
        }
        else {
            mValueAnimator = ValueAnimator.ofInt(scrollX, 0);
            mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    int value = (int) animation.getAnimatedValue();
                    
                    scrollTo(value, 0);
                }
            });
            
            mValueAnimator.setDuration(mAnimDuring);
            mValueAnimator.start();
            
            if (mStatusChangeLister != null) {
                mStatusChangeLister.onStatusChange(false);
            }
        }
    }
    
    /**
     * 重置
     */
    public void resetDelStatus() {
        
        int scrollX = getScrollX();
        
        if (scrollX == 0) {
            return;
        }
        
        clearAnim();
        
        mValueAnimator = ValueAnimator.ofInt(scrollX, 0);
        mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                
                scrollTo(value, 0);
            }
        });
        
        mValueAnimator.setDuration(mAnimDuring);
        mValueAnimator.start();
    }
    
    /**
     * 删除按钮状态变化监听
     */
    public interface OnDelViewStatusChangeLister {
        
        /**
         * 状态变化监听
         * @param show  是否正在显示
         */
        void onStatusChange(boolean show);
    }
    
}

完整DEMO直通车:https://github.com/wwluo14/LeftSlideEdit

你可能感兴趣的:(Android 左滑删除控件)