如何仅在android中限制沿y轴的拖放？答案

【问题标题】：How do I restrict drag and drop along the y axis only in android?如何仅在android中限制沿y轴的拖放？
【发布时间】：2013-12-16 22:02:42
【问题描述】：

我试图将拖放动作限制在 Y 轴上，以便用户只能查看视图并将其向上或向下拖动，而不是向左或向右。

我现在有两个视图（textView 和 dropZone 的 ID）。一个 (textView) 设置了触摸侦听器，另一个 (dropZone) 设置了拖动侦听器。

这是布局 xml (activity_main.xml)：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

<TextView
    android:id="@+id/textView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="50dp"
    android:background="#FFFFFF00"
    android:text="Text Drag" />

<TextView
    android:id="@+id/dropZone"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="167dp"
    android:background="#FFFF0000"
    android:text="Drop Zone" />

</RelativeLayout>

以下是活动代码：

package com.example.dragexperiment;

import android.app.Activity;
import android.content.ClipData;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.DragEvent;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.DragShadowBuilder;
import android.view.View.OnDragListener;
import android.view.View.OnGenericMotionListener;
import android.view.View.OnTouchListener;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MainActivity extends Activity {
TextView tv, dz, sv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tv = (TextView) findViewById(R.id.textView);
        dz = (TextView) findViewById(R.id.dropZone);
        tv.setOnTouchListener(new MyTouchListener());
        dz.setOnDragListener(new MyDragListener());
    }

    private final class MyTouchListener implements OnTouchListener {
        int viewX0, viewY0,
            cY0, cY1,
            deltaCursorY;

        @Override
        public boolean onTouch(final View v,final MotionEvent event) {
              switch(event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    viewX0 = (int) v.getX();
                    viewY0 = (int) v.getY();
                    cY0 = (int) event.getRawY();
                    ClipData data = ClipData.newPlainText("", "");
                    DragShadowBuilder shadow = new View.DragShadowBuilder(v);
                    v.startDrag(data, shadow, v, 0);
                    return true;
                case MotionEvent.ACTION_MOVE:
                //  cY1 = (int) event.getRawY();
                //  deltaCursorY = cY1 - cY0;
                //  v.setX(viewX0);
                //  v.setY(viewY0 + deltaCursorY);
                    return true;
              }
              return false;
        }
    }

    class MyDragListener implements OnDragListener {

        public boolean onDrag(View v, DragEvent event) {
            switch (event.getAction()) {
            case DragEvent.ACTION_DRAG_STARTED:
                break;
            case DragEvent.ACTION_DRAG_ENTERED:
                v.setBackgroundColor(Color.BLUE);
                break;
            case DragEvent.ACTION_DRAG_EXITED:
                break;
            case DragEvent.ACTION_DROP:
                v.setBackgroundColor(Color.BLUE);
                break;
            case DragEvent.ACTION_DRAG_ENDED:
                break;
            default:
                break;
            }
            return true;
        }
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

从上面的代码可以看出，当用户将 textView 拖到 dropZone 上时，我尝试将 dropZone 视图的背景颜色变为蓝色。如果我在 ACTION_DOWN 运动事件中使用创建 DragShadowBuilder，这可以正常工作：

    ClipData data = ClipData.newPlainText("", "");
    DragShadowBuilder shadow = new View.DragShadowBuilder(v);
    v.startDrag(data, shadow, v, 0);

问题是我无法控制阴影使其仅沿 Y 轴（垂直）轴移动。

如果我取出 DragShadowBuilder 代码（上面的三行），并添加代码以在 ACTION_MOVE 运动事件中移动拖动的视图（上面已注释掉）：

    cY1 = (int) event.getRawY();
    deltaCursorY = cY1 - cY0;
    v.setX(viewX0);
    v.setY(viewY0 + deltaCursorY);

然后我可以控制 textView 仅沿 Y 轴移动。不幸的是，没有 DragShadowBuilder，我无法触发 ACTION_DRAG_ENTERED DragEvent 以将 dropZone 视图变为蓝色。

如果我同时保留 DragShadowBuilder 代码和上面的四行代码，则 ACTION_MOVE 运动事件只会触发一次拖动；它不会继续跟随拖动。

有人对我能做什么有任何想法吗？我已经用这个工具解决了一段时间，但没有运气。我什至尝试过创建一个扩展 Android View 类的自定义视图，但我无法覆盖 startDrag 方法，因为它被声明为 final。我希望我在这方面做得更好。 :(

【问题讨论】：

标签： android drag-and-drop

【解决方案1】：

啊哈！我无法在任何地方找到这个答案（很多人都在问），所以这就是我所做的。

基本的想法是使 DragShadow 不可见，并将 Y 轴移动传递给您想要“拖动”的视图。所以实际上，您正在拖动 DragShadow，但它会向用户显示可拖动视图正在移动。

draggableItem.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(final View view, MotionEvent motionEvent) {
            if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
                ClipData data = ClipData.newPlainText("", "");
                View.DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(new View(getApplicationContext()));
                view.startDrag(data, shadowBuilder, view, 0);
                return true;
            } else {
                return false;
            }
        }
    });

mDropZone.setOnDragListener(new View.OnDragListener() {
        @Override
        public boolean onDrag(View v, DragEvent event) {
                switch (event.getAction()) {
                case DragEvent.ACTION_DRAG_STARTED:
                    ViewGroup.MarginLayoutParams lParams = (ViewGroup.MarginLayoutParams) arcMenu.getLayoutParams();
                    _yDelta = (int) event.getY() - lParams.topMargin;
                    break;
                case DragEvent.ACTION_DRAG_LOCATION:
                    ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) arcMenu.getLayoutParams();
                    layoutParams.topMargin = (int) event.getY() - _yDelta;
                    arcMenu.setLayoutParams(layoutParams);
                    break;
                case DragEvent.ACTION_DROP:
                    // Dropped, reassign View to ViewGroup
                    View view = (View) event.getLocalState();

                    // Do your drop actions here

                    view.setVisibility(View.VISIBLE);
                    break;
                default:
                    break;
            }
            return true;
        }
    });

您还需要在您的类中声明 _yDelta 变量。

希望这适用于所有酷猫！

【讨论】：

我喜欢移动自己的视图而不是 DragShow 的想法。你找到其他解决方案了吗？
以上答案中的arcMenu 是什么？
啊，这是不久前的事了，但我认为arcMenu 应该是draggableItem，我只是在一个地方重命名了它，而在其他地方忘记了。

【解决方案2】：

以下代码使拖动阴影不可见，但仍保持视图可见：

View transparentView  = new FrameLayout(getContext());
DragShadowBuilder shadowBuilder = new View.DragShadowBuilder(transparentView);
view.startDrag(data, shadowBuilder, view, 0);

您可以相应地从拖动事件中更改视图的 y 值：

view.setY(event.getY());

【讨论】：