Android：Drag and Drop的应用

最近看了下Drag and Drop部分的原文，觉得很有意思就像自己试着做一下，说实在的原文真的是不好读啊，要感谢那些为我们发表译文的大神们，

真的是不容易，原文中给了例子，但是只有后面零星的代码，真的是不知道怎么用，索性就搜了下原文翻译，顺便看看有没有人实现出一个例子什

么的，只可惜译文多得很就是没人做出一个可以参照的例子，无奈自己就根据文章意思改了改代码，终于是能用了，但是不知道用的对不对，在这

分享一下，也想看看有没有懂的大神给指点指点。

我的理解就是有一个图片通过监听长期的点击事件得到一个拖拽阴影（也不知道是不是这么叫的），将其拖动到指定的区域，然后在区域里加

监听来判断拖拽的位置是否在区域内，然后在判断释放的位置来断定是否接收到传过来的指定信息。

下面上主代码，MainActivity.java

 

[java] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. import android.annotation.SuppressLint;  
  2. import android.app.Activity;  
  3. import android.content.ClipData;  
  4. import android.content.ClipDescription;  
  5. import android.graphics.Canvas;  
  6. import android.graphics.Color;  
  7. import android.graphics.Point;  
  8. import android.graphics.drawable.ColorDrawable;  
  9. import android.graphics.drawable.Drawable;  
  10. import android.os.Bundle;  
  11. import android.util.Log;  
  12. import android.view.DragEvent;  
  13. import android.view.View;  
  14. import android.view.View.OnDragListener;  
  15. import android.view.View.OnLongClickListener;  
  16. import android.widget.ImageView;  
  17. import android.widget.TextView;  
  18. import android.widget.Toast;  
  19.   
  20. public class MainActivity extends Activity {  
  21.     /** 
  22.      * 为ImageView创建一个字符标签 
  23.      */  
  24.     private static final String IMAGEVIEW_TAG = "icon bitmap";  
  25.     /** 
  26.      * 创建用于拖动的ImageView 
  27.      */  
  28.     private ImageView imageView;  
  29.     /** 
  30.      * 拖动事件监听 
  31.      */  
  32.     private myDragEventListener mDragListen;  
  33.     /** 
  34.      * 拖动ImageView的长按事件监听 
  35.      */  
  36.     private OnLongClickListener mLongClick = new OnLongClickListener() {  
  37.   
  38.         @SuppressLint("NewApi")  
  39.         @Override  
  40.         public boolean onLongClick(View v) {  
  41.             // 创建一个ClipData对象  
  42.             // 这里分为两步，第一步中方法ClipData.newPlainText()可以创建一个纯文本ClipData  
  43.   
  44.             // 根据ImageView的标签创建一个ClipData.Item对象  
  45.             ClipData.Item item = new ClipData.Item((CharSequence) v.getTag());  
  46.   
  47.             // 使用标签，纯文本和已经创建的item来创建一个ClipData对象  
  48.             // 这里将在ClipData中创建一个新的ClipDescription对象并设置它的MIME类型为"text/plain"  
  49.             ClipData dragData = new ClipData((CharSequence) v.getTag(),  
  50.                     new String[] { ClipDescription.MIMETYPE_TEXT_PLAIN }, item);  
  51.   
  52.             // 实例化拖拽影子.  
  53.             View.DragShadowBuilder myShadow = new MyDragShadowBuilder(imageView);  
  54.   
  55.             // 开始拖拽  
  56.   
  57.             return v.startDrag(dragData, // 被拖拽的数据  
  58.                     myShadow, // 拖拽的影子  
  59.                     null, // 不需要使用本地数据  
  60.                     0 // 标记（目前用不到，设置为0）  
  61.             );  
  62.         }  
  63.     };  
  64.   
  65.     @Override  
  66.     protected void onCreate(Bundle savedInstanceState) {  
  67.         super.onCreate(savedInstanceState);  
  68.         setContentView(R.layout.activity_main);  
  69.   
  70.         init();  
  71.     }  
  72.     /** 
  73.      * 功能描述: 初始化<br> 
  74.      */  
  75.     public void init() {  
  76.         imageView = new ImageView(this);  
  77.         imageView = (ImageView) findViewById(R.id.drag_image);  
  78.         // 设置标签  
  79.         imageView.setTag(IMAGEVIEW_TAG);  
  80.         //添加长按事件  
  81.         imageView.setOnLongClickListener(mLongClick);  
  82.         // 创建一个拖拽的事件监听器  
  83.         mDragListen = new myDragEventListener();  
  84.         // 拖拽反应区域  
  85.         View view = findViewById(R.id.drag_room);  
  86.         // 为该区域添加拖动事件监听器  
  87.         view.setOnDragListener(mDragListen);  
  88.     }  
  89.     /** 
  90.      * 〈拖动阴影〉<br>  
  91.      */  
  92.     @SuppressLint("NewApi")  
  93.     private static class MyDragShadowBuilder extends View.DragShadowBuilder {  
  94.         // 拖动阴影的图像， 作为一个drawable来定义  
  95.         private static Drawable shadow;  
  96.         // 构造函数  
  97.         public MyDragShadowBuilder(View v) {  
  98.             // 通过myDragShadowBuilder存储View参数  
  99.             super(v);  
  100.             // 创建一个可拖拽的图像，此图像可以通过系统的Canvas来填充  
  101.             shadow = new ColorDrawable(Color.LTGRAY);  
  102.         }  
  103.   
  104.         // 定义一个回调方法，将阴影的维度和触摸点返回给系统  
  105.         @Override  
  106.         public void onProvideShadowMetrics(Point size, Point touch) {  
  107.             // 定义当地的变量  
  108.             int width;  
  109.             int height;  
  110.             // 设置阴影的宽度为视图一半  
  111.             width = getView().getWidth() / 2;  
  112.             // 设置阴影的高度为视图一半  
  113.             height = getView().getHeight() / 2;  
  114.             // 拖拽阴影是一个ColorDrawable. 这个集合的维度和系统所提供的Canvas是一样的  
  115.             // 因此，拖拽阴影将会被Canvas覆盖  
  116.             shadow.setBounds(0, 0, width, height);  
  117.             // 设置参数宽度和高度的大小.通过大小参数返回给系统  
  118.             size.set(width, height);  
  119.             // 设置触摸点的位置为拖拽阴影的中心  
  120.             touch.set(width / 2, height / 2);  
  121.         }  
  122.   
  123.         // 在画布Canvas中定义一个回调函数来绘制拖拽的阴影，该画布是通过方法onProvideShadowMetrics()提供的维度  
  124.         // 由系统构造  
  125.         @Override  
  126.         public void onDrawShadow(Canvas canvas) {  
  127.             // 在由系统传递的Canvas上绘制ColorDrawable  
  128.             shadow.draw(canvas);  
  129.         }  
  130.     }  
  131.   
  132.     @SuppressLint("NewApi")  
  133.     protected class myDragEventListener implements OnDragListener {  
  134.   
  135.         // 该方法由系统调用，当有拖拽事件发生时  
  136.         @SuppressLint("ShowToast")  
  137.         public boolean onDrag(View v, DragEvent event) {  
  138.             // 定义一个变量来存储通过事件传递的action类型  
  139.             final int action = event.getAction();  
  140.             // 每个事件的处理  
  141.             switch (action) {  
  142.   
  143.                 case DragEvent.ACTION_DRAG_STARTED:  
  144.                     System.out.println("ACTION_DRAG_STARTED----------------");  
  145.                     // 确定是否这个视图（View）可以接收拖拽的数据类型  
  146.                     if (event.getClipDescription().hasMimeType(ClipDescription.MIMETYPE_TEXT_PLAIN)) {  
  147.                         // 这里是一个例子，通过更改TextView的背景颜色和文字  
  148.                         // 来证明它可以接收数据  
  149.                         v.setBackgroundColor(Color.BLUE);  
  150.                         ((TextView) v).setText("drag");  
  151.                         // 强制重绘视图以显示新的特性  
  152.                         v.invalidate();  
  153.                         // 通过返回true来表明View可以接收拖拽数据  
  154.                         return (true);  
  155.   
  156.                     } else {  
  157.                         // 返回false. 在当前是拖拽和落下操作时，视图（View）将不再接收  
  158.                         // 事件直到发送ACTION_DRAG_ENDED  
  159.                         return (false);  
  160.                     }  
  161.   
  162.                 case DragEvent.ACTION_DRAG_ENTERED:  
  163.                     System.out.println("ACTION_DRAG_ENTERED----------------");  
  164.                     // 拖拽的阴影已经到达指定的区域，TextView背景变为绿色，返回true，该返回值没有意义  
  165.                     v.setBackgroundColor(Color.GREEN);  
  166.                     ((TextView) v).setText("in");  
  167.                     // 强制重绘视图以显示新的特性  
  168.                     v.invalidate();  
  169.                     return (true);  
  170.   
  171.                 case DragEvent.ACTION_DRAG_LOCATION:  
  172.                     // 忽略该事件  
  173.                     return (true);  
  174.   
  175.                 case DragEvent.ACTION_DRAG_EXITED:  
  176.                     System.out.println("ACTION_DRAG_EXITED----------------");  
  177.                     // 拖拽阴影超出制定区域，重置TextView背景色为蓝色  
  178.                     v.setBackgroundColor(Color.BLUE);  
  179.                     ((TextView) v).setText("drag");  
  180.                     // 强制重绘视图以显示新的特性  
  181.                     v.invalidate();  
  182.                     return (true);  
  183.   
  184.                 case DragEvent.ACTION_DROP:  
  185.                     System.out.println("ACTION_DROP----------------");  
  186.                     // 获得item包括拖拽数据  
  187.                     ClipData.Item item = event.getClipData().getItemAt(0);  
  188.                     // 从item获得文本数据  
  189.                     CharSequence dragData = item.getText();  
  190.                     // 显示拖拽数据中包含的信息.  
  191.                     Toast.makeText(MainActivity.this, "Dragged data is: " + dragData, Toast.LENGTH_SHORT).show();  
  192.                     // 重新设置颜色和文字  
  193.                     v.setBackgroundColor(Color.WHITE);  
  194.                     ((TextView) v).setText("get");  
  195.                     // 强制重绘视图以显示新的特性  
  196.                     v.invalidate();  
  197.   
  198.                     // 返回true. DragEvent.getResult()将会返回true.  
  199.                     return (true);  
  200.   
  201.                 case DragEvent.ACTION_DRAG_ENDED:  
  202.                     System.out.println("ACTION_DRAG_ENDED----------------");  
  203.                     // 重新设置颜色和文字  
  204.                     v.setBackgroundColor(Color.WHITE);  
  205.                     ((TextView) v).setText("room");  
  206.                     // 强制重绘视图以显示新的特性  
  207.                     v.invalidate();  
  208.                     //通过getResult()方法的返回值判断发生了什么  
  209.                     if (event.getResult()) {  
  210.                         Toast.makeText(MainActivity.this, "The drop was handled.", Toast.LENGTH_LONG).show();  
  211.                     } else {  
  212.                         Toast.makeText(MainActivity.this, "The drop didn't work.", Toast.LENGTH_LONG).show();  
  213.   
  214.                     };  
  215.                     return (true);  
  216.   
  217.                     // 其他未知的action.  
  218.                 default:  
  219.                     Log.e("DragDrop Example", "Unknown action type received by OnDragListener.");  
  220.   
  221.                     break;  
  222.             }  
  223.             ;  
  224.             return true;  
  225.         };  
  226.     }  
  227.   
  228. }  
 

这里就是通过长按ImageView将其拖动到一个TextView的区域里来改变TextView的状态，并显示接收到的数据

 

布局文件就很简单了 activity_main.xml

 

[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent" >  
  4.   
  5.     <TextView  
  6.         android:id="@+id/drag_room"  
  7.         android:layout_width="150dip"  
  8.         android:layout_height="150dip"  
  9.         android:gravity="center"  
  10.         android:layout_centerInParent="true"  
  11.         android:text="room"   
  12.         android:textSize="18dp"/>  
  13.       
  14.     <ImageView  
  15.         android:id="@+id/drag_image"  
  16.         android:layout_width="wrap_content"  
  17.         android:layout_height="wrap_content"  
  18.         android:layout_above="@id/drag_room"  
  19.         android:src="@drawable/move" />  
  20.   
  21. </RelativeLayout>  

基本就是这些，也不知道做的对不对，有懂的给提提吧

 

为了方便附上原代码，里面还有个拖动图片的例子

版权声明：本文为博主原创文章，未经博主允许不得转载。

posted @ 2015-09-12 19:57  brave-sailor  阅读(397)  评论(0)  编辑  收藏  举报