DragLayout

类似ScrollView的写法,可实现子View的拖拽及复位到边界功能

效果图

效果图

使用方式

<com.fqxyi.utils.view.DragLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|bottom"
        android:background="#12345678"
        android:onClick="testViewDrag"
        android:paddingLeft="20dp"
        android:gravity="center_horizontal"
        android:layout_marginRight="10dp"
        android:orientation="vertical">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="可拖拽按钮"
            android:textColor="@android:color/black"
            android:textSize="16sp" />

    </LinearLayout>

</com.fqxyi.utils.view.DragLayout>

源代码 求Star

package com.fqxyi.utils.view;

import android.content.Context;
import android.support.annotation.Nullable;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;

/**
 * 可拖拽ViewGroup,具体的View内容由调用者决定,但只能有一个直接孩子
 * 参考文章:https://blog.csdn.net/lmj623565791/article/details/46858663
 */
public class DragLayout extends FrameLayout {

    private ViewDragHelper mDragHelper;
    //true left, false right
    private boolean leftOrRight;
    //
    private View child;

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

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

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

    private void init() {
        /**
         * @param ViewGroup forParent 必须是一个ViewGroup
         * @param float sensitivity 灵敏度
         * @param Callback cb 回调
         */
        mDragHelper = ViewDragHelper.create(this, 1.0f, new ViewDragCallback());
    }

    private class ViewDragCallback extends ViewDragHelper.Callback {
        /**
         * 尝试捕获子view,一定要返回true
         *
         * @param view      尝试捕获的view
         * @param pointerId 指示器id?
         *                  这里可以决定哪个子view可以拖动
         */
        @Override
        public boolean tryCaptureView(View view, int pointerId) {
            return view == child;
        }

        /**
         * 处理水平方向上的拖动
         *
         * @param child 被拖动到view
         * @param left  移动到达的x轴的距离
         * @param dx    建议的移动的x距离
         */
        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) child.getLayoutParams();
            // 两个if主要是为了让View在ViewGroup里面滑动
            if (params == null) {
                if (getPaddingLeft() > left) {
                    return getPaddingLeft();
                }
                if (getWidth() - child.getWidth() - getPaddingRight() < left) {
                    return getWidth() - child.getWidth() - getPaddingRight();
                }
            } else {
                if (getPaddingLeft() + params.leftMargin > left) {
                    return getPaddingLeft() + params.leftMargin;
                }
                if (getWidth() - child.getWidth() - getPaddingRight() - params.rightMargin < left) {
                    return getWidth() - child.getWidth() - getPaddingRight() - params.rightMargin;
                }
            }
            return left;
        }

        /**
         * 处理竖直方向上的拖动
         *
         * @param child 被拖动到view
         * @param top   移动到达的y轴的距离
         * @param dy    建议的移动的y距离
         */
        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) child.getLayoutParams();
            // 两个if主要是为了让View在ViewGroup里面滑动
            if (params == null) {
                if (getPaddingTop() > top) {
                    return getPaddingTop();
                }
                if (getHeight() - child.getHeight() - getPaddingBottom() < top) {
                    return getHeight() - child.getHeight();
                }
            } else {
                if (getPaddingTop() + params.topMargin > top) {
                    return getPaddingTop() + params.topMargin;
                }
                if (getHeight() - child.getHeight() - getPaddingBottom() - params.bottomMargin < top) {
                    return getHeight() - child.getHeight() - getPaddingBottom() - params.bottomMargin;
                }
            }
            return top;
        }

        /**
         * 手指释放的时候回调
         */
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) releasedChild.getLayoutParams();
            if (params == null) {
                if (leftOrRight) {
                    mDragHelper.settleCapturedViewAt(getPaddingLeft(), (int) releasedChild.getY());
                } else {
                    mDragHelper.settleCapturedViewAt(getWidth() - releasedChild.getWidth() - getPaddingRight(), (int) releasedChild.getY());
                }
            } else {
                if (leftOrRight) {
                    mDragHelper.settleCapturedViewAt(getPaddingLeft() + params.leftMargin, (int) releasedChild.getY());
                } else {
                    mDragHelper.settleCapturedViewAt(getWidth() - releasedChild.getWidth() - getPaddingRight() - params.rightMargin, (int) releasedChild.getY());
                }
            }
            invalidate();
        }

        /**
         * 如果子View不消耗事件,那么整个手势(DOWN-MOVE*-UP)都是直接进入onTouchEvent,在onTouchEvent的DOWN的时候就确定了captureView。
         * 如果消耗事件,那么就会先走onInterceptTouchEvent方法,判断是否可以捕获,
         * 而在判断的过程中会去判断另外两个回调的方法:getViewHorizontalDragRange和getViewVerticalDragRange,只有这两个方法返回大于0的值才能正常的捕获。
         */
        @Override
        public int getViewHorizontalDragRange(View child) {
            return getMeasuredWidth() - child.getMeasuredWidth();
        }

        @Override
        public int getViewVerticalDragRange(View child) {
            return getMeasuredHeight() - child.getMeasuredHeight();
        }

        /**
         * 当拖拽到状态改变时回调
         *
         * @param state 新的状态
         */
        @Override
        public void onViewDragStateChanged(int state) {
            switch (state) {
                case ViewDragHelper.STATE_DRAGGING:  // 正在被拖动
                    break;
                case ViewDragHelper.STATE_IDLE:  // view没有被拖拽或者 正在进行fling/snap
                    break;
                case ViewDragHelper.STATE_SETTLING: // fling完毕后被放置到一个位置
                    break;
            }
            super.onViewDragStateChanged(state);
        }
    }

    @Override
    public void computeScroll() {
        if (mDragHelper.continueSettling(true)) {
            invalidate();
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        /**
         * 检查是否可以拦截touch事件
         * 如果onInterceptTouchEvent可以return true 则这里return true
         */
        return mDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                if (checkNeedIntercept(event)) {
                    return true;
                }
                break;
            case MotionEvent.ACTION_UP:
                if (event.getX() >= getWidth() / 2) {
                    leftOrRight = false;
                } else {
                    leftOrRight = true;
                }
                break;
        }
        /**
         * 处理拦截到的事件
         * 这个方法会在返回前分发事件
         */
        mDragHelper.processTouchEvent(event);
        return false;
    }

    /**
     * 如果view不在边上停靠时,触摸view需要拦截,否则会出现无法滑动的情况
     */
    private boolean checkNeedIntercept(MotionEvent event) {
        FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) child.getLayoutParams();
        if (params == null) {
            if (child.getX() - getPaddingLeft() != 0 && child.getX() + child.getWidth() + getPaddingRight() != getWidth()) {
                mDragHelper.processTouchEvent(event);
                return true;
            }
        } else {
            if (child.getX() - getPaddingLeft() - params.leftMargin != 0 && child.getX() + child.getWidth() + getPaddingRight() + params.rightMargin != getWidth()) {
                mDragHelper.processTouchEvent(event);
                return true;
            }
        }
        return false;
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        if (getChildCount() != 1) {
            throw new IllegalStateException("DragLayout can host only one direct child");
        }
        child = getChildAt(0);
        child.setClickable(true);
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,319评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,801评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,567评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,156评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,019评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,090评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,500评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,192评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,474评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,566评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,338评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,212评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,572评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,890评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,169评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,478评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,661评论 2 335

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    X先生_未知数的X阅读 15,960评论 3 119
  • 七绝·自嘲|新韵江阳有女正年华,席上千杯梦自暇。不是天生贪酒色,糟香从小进吾家。
    溪竹青阅读 524评论 2 7
  • 或许大多数国人听到非洲这个词,脑海里浮现的可能全是各种的脏乱差,漆黑一片,再加上各种贫民窟,各种衣衫褴褛的画面,但...
    susanLove阅读 332评论 0 1
  • 一山飞峙大江边, 跃上葱茏四百旋。 冷眼向洋看世界, 热风吹雨洒江天。 云横九派浮黄鹤, 浪下三吴起白烟。 陶令不...
    Allison51阅读 635评论 0 0