首页 文章 精选 留言 我的

Android拖拽教程

2017-10-24 659

Android拖拽教程

原文地址

开发环境：

    Eclipse 3.7（Indigo） 、Java 1.6 和 Android 4.0（Ice Cream Sandwich） 前言：

    Android 4.0 开始支持视图（Views）的拖拽。你需要在视图（View）上注册一个监听器（Listener），比如 OnTouchListener 或者 LongClickListener，并且需要定义一个视图（View）作为拖拽的目标视图对象，比如 拖放区（drop zones）。下面我们通过两段代码来学习一下。

    第一段代码我们定义一个视图，你可以拖拽该视图，我们在该视图上使用setOnTouchListener方法注册了一个OnTouchListener事件。

复制代码
复制代码
 1  //  Assign the touch listener to your view which you want to move
 2 findViewById(R.id.myimage1).setOnTouchListener( new MyTouchListener());
 3 
 4  //  This defines your touch listener
 5  private  final  class MyTouchListener  implements OnTouchListener {
 6    public  boolean onTouch(View view, MotionEvent motionEvent) {
 7      if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
 8       ClipData data = ClipData.newPlainText("", "");
 9       DragShadowBuilder shadowBuilder =  new View.DragShadowBuilder(view);
10       view.startDrag(data, shadowBuilder, view, 0);
11       view.setVisibility(View.INVISIBLE);
12        return  true;
13     }  else {
14      return  false;
15     }
16   }
17 }
复制代码
复制代码

    上面的第 8 行代码，我们构造了一个 ClipData 对象，可以使用该对象来存放数据，并且该对象可以被处于拖放区（drop zones）的视图接收，即 ClipData 可用于视图拖拽前后数据的传递。第 9 行代码，DragShadowBuilder 允许你指定拖拽操作的效果，通常你直接在视图上进行拖拽操作。

    第二段代码我们将定义一个拖放区（drag zone），你可以将定义好的视图拖拽到该视图上，我们在该拖放区视图上通过 setOnDragListener() 方法注册了一个 OnDragListener 监听器，在 OnDragListener 监听器中你可以定义相关的事件处理方法。

复制代码
复制代码
 1 findViewById(R.id.bottomright).setOnDragListener( new MyDragListener());
 2 
 3  class MyDragListener  implements OnDragListener {
 4   Drawable enterShape = getResources().getDrawable(R.drawable.shape_droptarget);
 5   Drawable normalShape = getResources().getDrawable(R.drawable.shape);
 6   
 7   @Override
 8    public  boolean onDrag(View v, DragEvent event) {
 9      int action = event.getAction();
10      switch (event.getAction()) {
11      case DragEvent.ACTION_DRAG_STARTED:
12      //  Do nothing
13        break;
14      case DragEvent.ACTION_DRAG_ENTERED:
15       v.setBackgroundDrawable(enterShape);
16        break;
17      case DragEvent.ACTION_DRAG_EXITED:        
18       v.setBackgroundDrawable(normalShape);
19        break;
20      case DragEvent.ACTION_DROP:
21        //  Dropped, reassign View to ViewGroup
22       View view = (View) event.getLocalState();
23       ViewGroup owner = (ViewGroup) view.getParent();
24       owner.removeView(view);
25       LinearLayout container = (LinearLayout) v;
26       container.addView(view);
27       view.setVisibility(View.VISIBLE);
28        break;
29      case DragEvent.ACTION_DRAG_ENDED:
30       v.setBackgroundDrawable(normalShape);
31        default:
32        break;
33     }
34      return  true;
35   }
36 }
复制代码
复制代码

教程实践

1. 创建一个新的 Android Project

    -> project name: "de.vogella.android.draganddrop"

    -> create activity: "DragActivity"

2. 在项目的res目录下创建一个 "drawable" 文件夹，在该文件夹中创建文件 "shape.xml"

复制代码
复制代码
<? xml version="1.0" encoding="UTF-8" ?>
< shape  xmlns:android ="http://schemas.android.com/apk/res/android"
    android:shape ="rectangle"   >
     < stroke
         android:width ="2dp"
        android:color ="#FFFFFFFF"   />
     < gradient
         android:angle ="225"
        android:endColor ="#DD2ECCFA"
        android:startColor ="#DD000000"   />
     < corners
         android:bottomLeftRadius ="7dp"
        android:bottomRightRadius ="7dp"
        android:topLeftRadius ="7dp"
        android:topRightRadius ="7dp"   />
</ shape >
复制代码
复制代码

3. 在 "drawable" 文件夹中创建文件 "shape_droptarget.xml"

复制代码
复制代码
<? xml version="1.0" encoding="UTF-8" ?>
< shape  xmlns:android ="http://schemas.android.com/apk/res/android"
    android:shape ="rectangle"   >
     < stroke
         android:width ="2dp"
        android:color ="#FFFF0000"   />
     < gradient
         android:angle ="225"
        android:endColor ="#DD2ECCFA"
        android:startColor ="#DD000000"   />
     < corners
         android:bottomLeftRadius ="7dp"
        android:bottomRightRadius ="7dp"
        android:topLeftRadius ="7dp"
        android:topRightRadius ="7dp"   />
</ shape >
复制代码
复制代码

4. 按照下面代码修改"res/layout/main.xml"文件

复制代码
复制代码
<? xml version="1.0" encoding="utf-8" ?>
< GridLayout  xmlns:android ="http://schemas.android.com/apk/res/android"
    android:layout_width ="match_parent"
    android:layout_height ="match_parent"
    android:columnCount ="2"
    android:columnWidth ="300dp"
    android:orientation ="vertical"
    android:rowCount ="2"
    android:stretchMode ="columnWidth"   >

     < LinearLayout
         android:id ="@+id/topleft"
        android:layout_width ="160dp"
        android:layout_height ="200dp"
        android:layout_column ="0"
        android:layout_row ="0"
        android:background ="@drawable/shape"   >

         < ImageView
             android:id ="@+id/myimage1"
            android:layout_width ="wrap_content"
            android:layout_height ="wrap_content"
            android:layout_column ="0"
            android:layout_row ="0"
            android:src ="@drawable/ic_launcher"   />
     </ LinearLayout >

     < LinearLayout
         android:id ="@+id/topright"
        android:layout_width ="160dp"
        android:layout_height ="200dp"
        android:layout_column ="1"
        android:layout_row ="0"
        android:background ="@drawable/shape"   >

         < ImageView
             android:id ="@+id/myimage2"
            android:layout_width ="wrap_content"
            android:layout_height ="wrap_content"
            android:layout_column ="0"
            android:layout_row ="0"
            android:src ="@drawable/ic_launcher"   />
     </ LinearLayout >

     < LinearLayout
         android:id ="@+id/bottomleft"
        android:layout_width ="160dp"
        android:layout_height ="200dp"
        android:layout_column ="0"
        android:layout_row ="1"
        android:background ="@drawable/shape"   >

         < ImageView
             android:id ="@+id/myimage3"
            android:layout_width ="wrap_content"
            android:layout_height ="wrap_content"
            android:src ="@drawable/ic_launcher"   />
     </ LinearLayout >

     < LinearLayout
         android:id ="@+id/bottomright"
        android:layout_width ="160dp"
        android:layout_height ="200dp"
        android:layout_column ="1"
        android:layout_row ="1"
        android:background ="@drawable/shape"   >

         < ImageView
             android:id ="@+id/myimage4"
            android:layout_width ="wrap_content"
            android:layout_height ="wrap_content"
            android:layout_column ="0"
            android:layout_row ="0"
            android:src ="@drawable/ic_launcher"   />
     </ LinearLayout >

</ GridLayout >
复制代码
复制代码

5. 修改 Activity文件

复制代码
复制代码
package de.vogella.android.draganddrop;

import android.app.Activity;
import android.content.ClipData;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.DragEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.DragShadowBuilder;
import android.view.View.OnDragListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.LinearLayout;

public  class DragActivity  extends Activity {
  
/**  Called when the activity is first created.  */

  @Override
   public  void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    findViewById(R.id.myimage1).setOnTouchListener( new MyTouchListener());
    findViewById(R.id.myimage2).setOnTouchListener( new MyTouchListener());
    findViewById(R.id.myimage3).setOnTouchListener( new MyTouchListener());
    findViewById(R.id.myimage4).setOnTouchListener( new MyTouchListener());
    findViewById(R.id.topleft).setOnDragListener( new MyDragListener());
    findViewById(R.id.topright).setOnDragListener( new MyDragListener());
    findViewById(R.id.bottomleft).setOnDragListener( new MyDragListener());
    findViewById(R.id.bottomright).setOnDragListener( new MyDragListener());

  }

   private  final  class MyTouchListener  implements OnTouchListener {
     public  boolean onTouch(View view, MotionEvent motionEvent) {
       if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
        ClipData data = ClipData.newPlainText("", "");
        DragShadowBuilder shadowBuilder =  new View.DragShadowBuilder(view);
        view.startDrag(data, shadowBuilder, view, 0);
        view.setVisibility(View.INVISIBLE);
         return  true;
      }  else {
         return  false;
      }
    }
  }

   class MyDragListener  implements OnDragListener {
    Drawable enterShape = getResources().getDrawable(R.drawable.shape_droptarget);
    Drawable normalShape = getResources().getDrawable(R.drawable.shape);

    @Override
     public  boolean onDrag(View v, DragEvent event) {
       int action = event.getAction();
       switch (event.getAction()) {
       case DragEvent.ACTION_DRAG_STARTED:
         //  Do nothing
         break;
       case DragEvent.ACTION_DRAG_ENTERED:
        v.setBackgroundDrawable(enterShape);
         break;
       case DragEvent.ACTION_DRAG_EXITED:
        v.setBackgroundDrawable(normalShape);
         break;
       case DragEvent.ACTION_DROP:
         //  Dropped, reassign View to ViewGroup
        View view = (View) event.getLocalState();
        ViewGroup owner = (ViewGroup) view.getParent();
        owner.removeView(view);
        LinearLayout container = (LinearLayout) v;
        container.addView(view);
        view.setVisibility(View.VISIBLE);
         break;
       case DragEvent.ACTION_DRAG_ENDED:
        v.setBackgroundDrawable(normalShape);
       default:
         break;
      }
       return  true;
    }
  }
}
复制代码
复制代码

6. 启动你创建的Activity，你就可以拖拽 ImageViews 到另一个容器里面。

 

 

参考链接：

 

http://www.vogella.com/articles/AndroidDragAndDrop/article.html

本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/archive/2013/04/02/2995075.html，如需转载请自行联系原作者
上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/359785

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS: 详细的正则表达式

一、简单的正则规则 1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$ 2.非负整数（正整数+0）: ^/d+$ 3.正整数: ^[0-9]*[1-9][0-9]*$ 4.非正整数（负整数+0）： ^((-/d+)|(0+))$ 5.负整数: ^-[0-9]*[1-9][0-9]*$ 6.整数: ^-?/d+$ 7.非负浮点数（正浮点数+0）: ^/d+(/./d+)?$ 8.正浮点数: ^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$ 9.非正浮点数（负浮点数+0）: ^((-/d+(/./d+)?)|(0+(/.0+)?))$ 10.负浮点数: ^(-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*)))$ 11.浮点数: ^(-?/d+)(/./d+)?$ 12.由26个英文字母组成的字符串: ^[A-Za-z]+$ ...
2017-10-24
1010
上一篇

[Android]解决ClickableSpan中点击后ListView中item的长按冲突的问题

以下内容为原创，转载请注明： 来自天天博客：http://www.cnblogs.com/tiantianbyconan/p/3823429.html 项目中碰到一个问题，情景是这样的： 有一个ListView，每个item中有一个TextView，这个TextView实现了LongClick事件，这个TextView中又添加了ClickableSpan，实现了方法onClick。 我的需求是点击ClickableSpan，则响应ClickableSpan事件；长按ClickableSpan效果跟长按TextView应该一样，都响应TextView的LongClick事件。 然而结果是点击ClickableSpan响应正常；但是长按ClickableSpan时问题出现了：TextView的长按事件响应了，ClickableSpan点击事件也响应了！ 研究了一下代码，解决方法如下： 继承LinkMovementMethod，然后重写里面的onTouchEvent方法，在里面判断，如果当前是长按的状态，则不执行ClickableSpan的onClick事件： package com.ka...
2017-10-24
1528
下一篇

相关文章

发表评论

资源下载

更多资源
Spring

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

时间: 2025-12-17 大小: 5MB 下载: 1次
Rocky Linux

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

时间: 2026-05-30 大小: 1.42GB 下载: 5次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

时间: 2025-12-13 大小: 249.54MB 下载: 22次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册