Android之View拖拽效果

图片.png

我们看一下上图，现在要求把这个按钮拖拽到蓝色区域

（1）利用setTranslationX改变按钮的位置

思路：
自定义一个View，重写onTouchEvent方法，获取手指的移动位置，并改变自定义view的位置。

public class DragView extends AppCompatButton {

    private float moveX;
    private float moveY;

    public DragView(Context context) {
        super(context);
    }

    public DragView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                moveX = event.getX();
                moveY = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                setTranslationX(getX() + (event.getX() - moveX));
                setTranslationY(getY() + (event.getY() - moveY));
                break;
            case MotionEvent.ACTION_UP:
                break;
            case MotionEvent.ACTION_CANCEL:
                break;
        }

        return true;
    }

}

39.gif

如图所示，可以手动将按钮拖动到蓝色区域的任何位置，但是无法知道蓝色区域的具体位置，这种方法只能肉眼去感觉蓝色区域的位置，那么有没有什么办法知道蓝色区域的具体位置呢？答案是有的。

（2）使用startDrag和startDragAndDrop实现

思路：

• 长按将要拖动按钮，当触摸长按事件时生成一个view阴影，可以利用DragShadowBuilder设置阴影；
• 监听蓝色区域的拖拽事件，界面上的任何组件都可以监听其它组件的拖拽事件；
• 利用ClipData设置传值；

我们先看一下效果：

40.gif

现在直接上代码：

    bt_1.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(View v) {
            //设置震动反馈
            bt_1.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS, HapticFeedbackConstants.FLAG_IGNORE_GLOBAL_SETTING);

            // 创建DragShadowBuilder，我把控件本身传进去
            View.DragShadowBuilder builder = new View.DragShadowBuilder(bt_1);
            // 剪切板数据，可以在DragEvent.ACTION_DROP方法的时候获取。
            ClipData data = ClipData.newPlainText("Label", "我是文本内容！");
            // 开始拖拽
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
                bt_1.startDragAndDrop(data, builder,bt_1, 0);
            }else{
                bt_1.startDrag(data, builder, bt_1, 0);
            }
            return true;
        }
    });

    ll_demo.setOnDragListener(new View.OnDragListener() {
        @Override
        public boolean onDrag(View v, DragEvent event) {

            //获取事件
            int action = event.getAction();
            switch (action) {
                case DragEvent.ACTION_DRAG_STARTED:
                    Log.d("aaa", "开始拖拽");
                    break;
                case DragEvent.ACTION_DRAG_ENDED:
                    Log.d("aaa", "结束拖拽");
                    break;
                case DragEvent.ACTION_DRAG_ENTERED:
                    Log.d("aaa", "拖拽的view进入监听的view时");
                    break;
                case DragEvent.ACTION_DRAG_EXITED:
                    Log.d("aaa", "拖拽的view离开监听的view时");
                    ll_demo.setBackgroundColor(Color.parseColor("#303F9F"));
                    break;
                case DragEvent.ACTION_DRAG_LOCATION:
                    float x = event.getX();
                    float y = event.getY();
                    ll_demo.setBackgroundColor(Color.GRAY);
                    Log.i("aaa", "拖拽的view在监听view中的位置:x =" + x + ",y=" + y);
                    break;
                case DragEvent.ACTION_DROP:
                    Log.i("aaa", "释放拖拽的view");

                    if(event != null && event.getLocalState() != null){
                        View localState = (View) event.getLocalState();
                        FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
                        ((ViewGroup) localState.getParent()).removeView(localState);
                        ll_demo.addView(localState, layoutParams);
                    }
                    break;
            }
            return true;
        }
    });

另外， 说一下传值问题

ClipData让我们传值更加具有扩展性了。

图片.png