Android小Demo——OnDragListener

今天看到一篇挺有趣的文章，讲了Drag和Drop动作，例子简单，跟着文章动手敲了一遍。原文链接 和原文的GitHub仓库

先上布局代码，很简单，就是一个九宫格。

<FrameLayout 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:id="@+id/layout_outside"
  tools:context=".MainActivity">

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        android:textSize="40sp"
        android:layout_gravity="left|top" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2"
        android:textSize="40sp"
        android:layout_gravity="center_horizontal|top" />

    <TextView
        android:id="@+id/text3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="3"
        android:textSize="40sp"
        android:layout_gravity="right|top" />

    <TextView
        android:id="@+id/text4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="4"
        android:textSize="40sp"
        android:layout_gravity="left|center_vertical" />

    <TextView
        android:id="@+id/text5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="5"
        android:textSize="40sp"
        android:layout_gravity="center" />

    <TextView
        android:id="@+id/text6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="6"
        android:textSize="40sp"
        android:layout_gravity="right|center_vertical" />

    <TextView
        android:id="@+id/text7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="7"
        android:textSize="40sp"
        android:layout_gravity="left|bottom" />

    <TextView
        android:id="@+id/text8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="8"
        android:textSize="40sp"
        android:layout_gravity="center_horizontal|bottom" />

    <TextView
        android:id="@+id/text9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="9"
        android:textSize="40sp"
        android:layout_gravity="right|bottom" />
</FrameLayout>

下面就是DragAndDrop的代码，也是十分简单。

public void initUI() {
        FrameLayout layout = (FrameLayout)findViewById(R.id.layout_outside);
        for (int i = 0;i < layout.getChildCount();i++) {
            final TextView view = (TextView) layout.getChildAt(i);

            view.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {

                    ClipData data = ClipData.newPlainText("value",view.getText());

                    view.startDrag(data,new View.DragShadowBuilder(v),null,0);

                    return true;
                }
            });

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

                    switch (event.getAction()) {

                        case DragEvent.ACTION_DRAG_STARTED:
                            return true;

                        case DragEvent.ACTION_DRAG_ENTERED:
                            v.setBackgroundColor(Color.CYAN);
                            return true;

                        case DragEvent.ACTION_DRAG_LOCATION:
                            return true;

                        case DragEvent.ACTION_DRAG_EXITED:
                            v.setBackgroundColor(Color.RED);
                            return true;

                        case DragEvent.ACTION_DROP:
                            v.setBackgroundColor(Color.GREEN);
                            //得到拖动的值
                            int dragVal = Integer.parseInt(event.getClipData().getItemAt(0).getText().toString());
                            //得到textview的值
                            int viewVal = Integer.parseInt(((TextView) v).getText().toString());
                            ((TextView) v).setText("" + (dragVal + viewVal));
                            return true;

                        case DragEvent.ACTION_DRAG_ENDED:
                            return true;
                    }

                    return false;
                }
            });
        }
    }

上面这段代码，有几个稍微值得注意的知识点。

• 使用了ClipData复制TextView的内容，ClipData相关用法大家可以度娘。
• DragShadowBuilder的作用是创建一个Drag或Drop操作时的图片，这里使用了默认值，创建了一个当前视图的图片。大家可以使用它来创建其它图片。
• DragEvent的几个动作，ACTION_DRAG_STARTED–表示view开始drag，返回true表示这个view的drag和drop动作可用。
• ACTION_DRAG_ENTERED–表示有drag的view进入到当前view的区域
• ACTION_DRAG_LOCATION–表示drag的view在当前的view的区域中，改变了它的位置
• ACTION_DRAG_EXITED–表示drag的view离开了当前的view的区域
• ACTION_DROP–真正的drop操作，就是你的drag动作松开手指
• ACTION_DRAG_ENDED–drag和drop操作都结束。

是不是很简单？最后上个效果图。