页面中可拖拽控件的简单实现方案_网页内容吸附拖拽

页面中可拖拽控件的简单实现,可直接一句话实现.

核心代码逻辑类如下:

import android.animation.ObjectAnimator;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.view.animation.DecelerateInterpolator;

/**
 * 控件拖动逻辑处理
 * Created by WQ on 2017/10/23.
 */

public class ViewDragMode implements View.OnTouchListener{
    private View targetView;
    public ViewDragMode(final View targetView) {
        this.targetView=targetView;
        this.targetView.setOnTouchListener(this);
    }

    private int parentHeight;
    private int parentWidth;
    private int lastX;
    private int lastY;
    private boolean isDrag;
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int rawX = (int) event.getRawX();
        int rawY = (int) event.getRawY();
        switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_DOWN:
                targetView.setPressed(true);
                isDrag = false;
                ViewParent viewParent = targetView.getParent();
                viewParent.requestDisallowInterceptTouchEvent(true);
                lastX = rawX;
                lastY = rawY;
                ViewGroup parent;
                parent = (ViewGroup) viewParent;
                parentHeight = parent.getHeight();
                parentWidth = parent.getWidth();
                break;
            case MotionEvent.ACTION_MOVE:
                if (parentHeight <= 0 || parentWidth == 0) {
                    isDrag = false;
                    break;
                } else {
                    isDrag = true;
                }
                int dx = rawX - lastX;
                int dy = rawY - lastY;
                //这里修复一些华为手机无法触发点击事件
                int distance = (int) Math.sqrt(dx * dx + dy * dy);
                if (distance == 0) {
                    isDrag = false;
                    break;
                }
                float x = targetView.getX() + dx;
                float y = targetView.getY() + dy;
                //检测是否到达边缘 左上右下
                x = x < 0 ? 0 : x > parentWidth - targetView.getWidth() ? parentWidth - targetView.getWidth() : x;
                y = targetView.getY() < 0 ? 0 : targetView.getY() + targetView.getHeight() > parentHeight ? parentHeight - targetView.getHeight() : y;
                targetView.setX(x);
                targetView.setY(y);
                lastX = rawX;
                lastY = rawY;
                break;
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                if (!isNotDrag()) {
                    //恢复按压效果
                    targetView.setPressed(false);
                    if (rawX >= parentWidth / 2) {
                        //靠右吸附
                        targetView.animate().setInterpolator(new DecelerateInterpolator())
                                .setDuration(500)
                                .xBy(parentWidth - targetView.getWidth() - targetView.getX())
                                .start();
                    } else {
                        //靠左吸附
                        ObjectAnimator oa = ObjectAnimator.ofFloat(targetView, "x", targetView.getX(), 0);
                        oa.setInterpolator(new DecelerateInterpolator());
                        oa.setDuration(500);
                        oa.start();
                    }
                }
                break;
        }
        //如果是拖拽则消s耗事件，否则正常传递即可。
        return !isNotDrag() || targetView.onTouchEvent(event);
    }

    /**
     * 是否拖拽中
     * @return
     */
    public boolean isDraging(){
        return isDrag;
    }
    private boolean isNotDrag() {
        if(targetView ==null)return true;
        return !isDrag ;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

使用方法:

ViewDragMode(targetView)

targetView 为悬浮可拖拽的目标控件.实现的效果是,该控件可在父容器范围内进行拖拽,并自动左右吸边.

该工具类提供isDraging()方法判断是否处于拖拽中,用于解决一些滑动冲突的问题.