左滑显示删除按钮

最新推荐文章于 2023-02-27 09:58:10 发布
最新推荐文章于 2023-02-27 09:58:10 发布
阅读量387 收藏
点赞数
文章标签： python
原文链接：https://juejin.im/post/5cb6b23d6fb9a0688f376189
版权 
public class CleerScrollHorizontalView extends CleerDividerLinearLayout {
    private static final String TAG = "Cleer.ScrollView";

    private static final boolean DEBUG = true;

    private static final int MAX_DRAG_LENGTH = 316;
    private static final int START_SCROLL_LENGTH = MAX_DRAG_LENGTH / 2;
    private static int DRAG_NOT_CLICK_SIGN_LENGTH;

    private static final int SCROLL_ANIM_DURATION = 850;

    private static final int COLOR_RED_NORMAL = 0xffe70909;
    private static final int COLOR_RED_PRESSED = 0x5fe70909;

    private Scroller mScroller;
    private Paint deleteBgPaint;
    private Paint deleteIconPaint;
    private Bitmap deleteBitmap;
    private int layoutWidth;
    private int layoutHeight;
    private int deleteWidth;
    private int deleteHeight;

    private boolean deleteClickSign = false;
    private boolean itemExceptDeleteClickSign = false;
    private boolean itemClickSign = false;
    private boolean deleteClickAnimation = false;
    private boolean needShowDeleteView = false;

    private int currX;
    private int prevX;
    private int origX;

    private boolean intercept;

    //For log
    private String logTag = TAG;
    private OnDeleteClickListener listener;
    private OnClickListener onClickListener;

    public void setLogTag(String tag) {
        logTag = tag;
    }

    public interface OnDeleteClickListener {
        void onClick();
    }

    public void setOnDeleteClickListener(OnDeleteClickListener listener) {
        this.listener = listener;
    }

    public void setOnClickListener(OnClickListener listener) {
        onClickListener = listener;
    }

    public CleerScrollHorizontalView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mScroller = new Scroller(context, new DecelerateInterpolator());
        deleteBgPaint = new Paint();
        deleteIconPaint = new Paint();
        deleteBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.icon_item_delete);

        DRAG_NOT_CLICK_SIGN_LENGTH = ViewConfiguration.get(context).getScaledTouchSlop();

        //Force layout to invoke onDraw
        setWillNotDraw(false);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        layoutWidth = this.getMeasuredWidth();
        layoutHeight = this.getMeasuredHeight();
        deleteWidth = deleteBitmap.getWidth();
        deleteHeight = deleteBitmap.getHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        deleteBgPaint.setColor(deleteClickAnimation ? COLOR_RED_PRESSED : COLOR_RED_NORMAL);
        //Draw deleteBg
        canvas.drawRect(layoutWidth, 0, layoutWidth + MAX_DRAG_LENGTH, layoutHeight, deleteBgPaint);
        //Draw deleteIcon
        int deleteLeft = layoutWidth + (MAX_DRAG_LENGTH - deleteWidth) / 2;
        int deleteTop = (layoutHeight - deleteHeight) / 2;
        canvas.drawBitmap(deleteBitmap, deleteLeft, deleteTop, deleteIconPaint);
    }

    private boolean isTouchPointInDeleteView(int x, int y) {
        return x > layoutWidth && x <= layoutWidth + MAX_DRAG_LENGTH
                && y >= 0 && y <= layoutHeight;
    }

    private boolean isTouchPointInItemNotDeleteView(int x, int y) {
        return x >= 0 && x <= layoutWidth
                && y >= 0 && y <= layoutHeight;
    }

    /** Hide the deleteView */
    private void hideDeleteView() {
        startScroll(getScrollX(), 0, -getScrollX(), 0, SCROLL_ANIM_DURATION);
    }

    /** Hide all the layouts except itself */
    private void triggerInitAllOthersLayouts() {
        if (getParent() instanceof ViewGroup) {
            ViewGroup parent = (ViewGroup) getParent();
            for (int i = 0; i < parent.getChildCount(); ++i) {
                View child = parent.getChildAt(i);
                if (child instanceof CleerScrollHorizontalView && !child.equals(this)) {
                    CleerScrollHorizontalView c = (CleerScrollHorizontalView) child;
                    c.hideDeleteView();
                }
            }
        }
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                if (DEBUG)
                    Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_DOWN->" + ev.getX());

                triggerInitAllOthersLayouts();
                mScroller.forceFinished(true);

                origX = currX = prevX = (int) ev.getX();

                needShowDeleteView = false;
                deleteClickSign = isTouchPointInDeleteView((int) ev.getX() + getScrollX(), (int) ev.getY());
                itemExceptDeleteClickSign = !deleteClickSign;
                itemClickSign = true;
                //For deleteView rendering, type:ACTION_DOWN
                deleteClickAnimation = deleteClickSign;
                invalidate();

                intercept = false;

                break;
            }
            case MotionEvent.ACTION_MOVE: {
                if (DEBUG) Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_MOVE");

                //Scroll animation
                currX = (int) ev.getX();
                if (intercept) {
                    int dOffset = -(currX - prevX);
                    if (getScrollX() + dOffset < 0) {
                        if (DEBUG)
                            Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_MOVE" + ", move type one");
                        scrollTo(0, 0);
                    } else if (getScrollX() + dOffset > MAX_DRAG_LENGTH) {
                        if (DEBUG)
                            Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_MOVE" + ", move type two");
                        scrollTo(MAX_DRAG_LENGTH, 0);
                    } else {
                        if (DEBUG)
                            Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_MOVE" + ", move type three->" + dOffset);
                        scrollBy(dOffset, 0);
                    }
                }

                //For deleteView rendering, type:ACTION_MOVE
                deleteClickAnimation = isTouchPointInDeleteView((int) ev.getX() + getScrollX(), (int) ev.getY());
                invalidate();

                if (Math.abs(currX - origX) >= DRAG_NOT_CLICK_SIGN_LENGTH) {
                    //Disallow parent to intercept MotionEvent
                    getParent().requestDisallowInterceptTouchEvent(true);
                    intercept = true;
                }

                prevX = currX;

                break;
            }
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP: {
                if (DEBUG) Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_UP");
                currX = (int) ev.getX();

                if (Math.abs(currX - origX) >= DRAG_NOT_CLICK_SIGN_LENGTH) {
                    itemClickSign = false;
                    itemExceptDeleteClickSign = false;
                }
                if (deleteClickSign && isTouchPointInDeleteView((int) ev.getX() + getScrollX(), (int) ev.getY())) {
                    if (DEBUG) Log.v(TAG, "logTag->" + logTag + " deleteView clicked");
                    hideDeleteView();
                    if (listener != null) {
                        listener.onClick();
                    }
                    itemClickSign = true;
                }

                //For deleteView rendering, type:ACTION_UP
                deleteClickAnimation = false;
                invalidate();

                //Scroll animation
                if (getScrollX() > 0 && getScrollX() < START_SCROLL_LENGTH) {
                    needShowDeleteView = false;
                }
                if (getScrollX() > START_SCROLL_LENGTH) {
                    needShowDeleteView = true;
                }

                if (currX > origX) {
                    needShowDeleteView = false;
                }
                if (needShowDeleteView) {
                    if (DEBUG)
                        Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_UP" + ", up to changed");
                    mScroller.forceFinished(true);
                    startScroll(getScrollX(), 0, MAX_DRAG_LENGTH - getScrollX(), 0, SCROLL_ANIM_DURATION);
                } else {
                    if (DEBUG)
                        Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_UP" + ", up to origin2");
                    mScroller.forceFinished(true);
                    startScroll(getScrollX(), 0, -getScrollX(), 0, SCROLL_ANIM_DURATION);
                }
                if (needShowDeleteView && itemClickSign) {
                    if (DEBUG)
                        Log.v("dispatchTouchEvent", "logTag->" + logTag + ", ACTION_UP" + ", up to origin3");
                    mScroller.forceFinished(true);
                    startScroll(getScrollX(), 0, -getScrollX(), 0, SCROLL_ANIM_DURATION);
                }

                break;
            }
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (!itemClickSign) {
            return true;
        }
        return super.onInterceptTouchEvent(ev) || intercept;
    }

    @Override
    public boolean performClick() {
        boolean r = super.performClick();
        if (onClickListener != null) {
            onClickListener.onClick(this);
            return true;
        }
        return r;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (!intercept)
            super.onTouchEvent(ev);
        if (ev.getAction() == MotionEvent.ACTION_UP) {
            if (itemExceptDeleteClickSign
                    && isTouchPointInItemNotDeleteView((int) ev.getX() + getScrollX(), (int) ev.getY())
                    && !isTouchPointInDeleteView((int) ev.getX() + getScrollX(), (int) ev.getY())) {
                if (DEBUG) Log.v(TAG, "logTag->" + logTag + " itemExceptDeleteView clicked");
                performClick();
                itemExceptDeleteClickSign = false;
            }
        }
        return true;
    }

    private void startScroll(int startX, int startY, int dx, int dy, int duration) {
        int readDuration = Math.abs((int) (1.0f * duration / MAX_DRAG_LENGTH * dx));
        mScroller.startScroll(startX, startY, dx, dy, readDuration);
        invalidate();
    }

    @Override
    public void computeScroll() {
        if (mScroller.computeScrollOffset()) {
            scrollTo(mScroller.getCurrX(), 0);
            postInvalidate();
        }
    }
}

复制代码
JhonXie
关注
android自定义左滑删除,Android实现左滑删除列表功能
weixin_34751996的博客
05-25 1388
本文实例为大家分享了Android自定义左滑删除列表的具体代码，供大家参考，具体内容如下1、布局文件view_left_slide_remove.xml包含一个RelativeLayout和TextView，RelativeLayout是实际界面，TextView是删除按钮。android:layout_width="match_parent"android:layout_height="40dp...
左滑出现删除按钮，点击按钮删除ListView的item条目
06-06
Android中ListView 左滑出现删除按钮，点击按钮删除ListView的item条目.出现删除按钮还有动画效果，点击删除按钮消失时也有动画
【android开发】仿QQ中ListView中选项左滑出现删除按钮
04-29
【android开发】仿QQ中ListView中选项左滑出现删除按钮，点击删除选项
RecyclerView侧滑菜单，滑动删除，长按拖拽，下拉刷新上拉加载
Liuqz2009的专栏
10-27 885
版权声明：转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003 RecyclerView侧滑菜单，RecyclerView滑动删除，RecyclerView长按拖拽，效果看下图，大家也可以下载演示apk具体操作体验下SwipeRecyclerView的强大。 本文介绍的库中的侧滑效果借鉴自SwipeMenu，并对SipwMenu的
android实现简单左滑删除控件
08-25
主要为大家详细介绍了android实现一个简单左滑删除控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
安卓自定义控件之左滑删除
热门推荐
子敬的技术博客
06-19 1万+
安卓自定义控件之左滑删除 目标： 今天我们要做的效果图为： 左滑之后会有删除按钮。上面这个图，为了主要研究原理，我们就先只加删除按钮好了。 思路： 在实现这个功能的时候，看了些资料。主要有两种： 1、      将内容和按钮当做两个可操作的对象，然后通过DragViewHelper监听内容和按钮执行拖拽的操作方法。然后去重新onlayout他们的位置。 2
RecyclerView之添加头部、尾部和左滑显示删除按钮并删除Item
08-17
本教程将深入探讨如何在RecyclerView中实现一些高级功能，包括添加头部和尾部视图，以及为列表项实现左滑显示删除按钮并进行实际的删除操作。 首先，我们从基础开始。RecyclerView通过其Adapter类来管理数据，并...
仿QQ左滑显示删除按钮
11-03
在Android开发中，"仿QQ左滑显示删除按钮"是一个常见的功能，主要用于提供用户便捷地对列表中的项目进行删除操作。这个功能的核心是利用SwipeRefreshLayout或者自定义布局来实现ListView或者RecyclerView的滑动效果...
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
09-01
通过以上步骤，我们就创建了一个基本的左滑显示删除按钮并实现点击删除功能的jQuery示例。这个功能可以轻松地应用于各种列表或卡片视图，提供直观的用户交互。请注意，由于移动设备的兼容性和触摸事件的处理可能存在...
ListView的item水平滑动(类QQ的左滑显示删除按钮)
03-19
标题提到的"ListView的item水平滑动(类QQ的左滑显示删除按钮)"就是这样一个功能，它允许用户通过水平滑动ListView的每一项来触发额外的操作，例如显示删除按钮。 实现这个功能的核心在于自定义一个Adapter，这是...
手机移动端向左滑动出现删除菜单效果
06-16
在某一个列表项上面向左滑动，出现删除与编辑选项，向右滑动测消失。同时支持排它效果，保证同一时间只有一项为可显示菜单项。
Android实现滑动删除操作（PopupWindow）
01-21
参考Android仿腾讯QQ实现滑动删除这篇文章进行学习，文章实现的功能是:在ListView的Item上从右向左滑时，出现删除按钮，点击删除按钮把Item删除，效果 看过文章后，感觉没有必要把dispatchTouchEvent()和onTouchEvent()两个方法都重写，只要重写onTouchEvent就好了。于是对代码作了一些调整：  public class MyListView extends ListView { private static final String TAG = MyListView; private int mTouchSlop; privat
html5 向左划开显示按钮
07-31
html5 向左划开显示按钮，类似列表向左划动显示按钮
仿QQ左滑出现删除功能，HTML
06-21
压缩包内一共有三个HTML文件，有实现仿QQ左滑出现删除按钮的三种实现方式，两种是使用原生JS，一种使用JQuery，基本满足大多数需求。
左右滑动事件，左划出现删除按钮，右滑隐藏
weixin_33885676的博客
09-13 387
先看效果图： 参考了别人写的demo做了修改，参考地址：https://github.com/Orange1991/demos-in-sfg.name/tree/14eeaec62f2cba35ec42666080484f9647902d72 做了修改的测试代码： 1 <!doctype html> 2 <html> 3 4 &...
JS实现左滑出现删除按钮
weixin_30335353的博客
11-23 411
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <...
高仿微信实现左滑显示删除button功能
weixin_33845477的博客
07-20 178
在实际项目中删除列表中的某一项是很常见的功能。传统的做法能够使用长按监听器等，而如今流行的做法是左滑弹出删除button，微信，QQ等都是这么做的，以下做一个演示样例，代码例如以下： 主页面MainActivity：代码比較简单常规 package com.home.testslideview; import java.util.ArrayList; import java.ut...
js侧滑显示删除按钮
最新发布
黑白两客
02-27 1216
js侧滑显示删除按钮js侧滑显示删除按钮
Java实现Android左滑显示删除按钮教程
"本文将介绍如何在Android应用中仿照微信实现左滑显示删除按钮的功能，主要涉及Java编程语言和ListView的使用。" 在Android开发中，为了提供用户友好的交互体验，很多应用会采用类似微信的左滑操作来展示删除或更多...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值