Android之View拖拽效果

我們看一下上圖，現在要求把這個按鈕拖拽到藍色區域

（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;
    }

}

<com.jiangxi.login.rxjavademo.DragView
    android:id="@+id/bt_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="執行HelloWorld"
    android:textSize="18sp" />

如圖所示，可以手動將按鈕拖動到藍色區域的任何位置，但是無法知道藍色區域的具體位置，這種方法只能肉眼去感覺藍色區域的位置，那麼有沒有什麼辦法知道藍色區域的具體位置呢？答案是有的。

（2）使用startDrag和startDragAndDrop實現

思路：

• 長按將要拖動按鈕，當觸摸長按事件時生成一個view陰影，可以利用DragShadowBuilder設置陰影；
• 監聽藍色區域的拖拽事件，界面上的任何組件都可以監聽其它組件的拖拽事件；
• 利用ClipData設置傳值；

我們先看一下效果：

現在直接上代碼：

    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讓我們傳值更加具有擴展性了。