Android使用DragAndDrop拖拽效果实现宫格位置变换

最新推荐文章于 2024-04-30 17:28:01 发布
最新推荐文章于 2024-04-30 17:28:01 发布
阅读量1.5k 收藏 6
点赞数
文章标签： java python android javascript vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vaccae/article/details/123196382
版权

学更好的别人，

做更好的自己。

——《微卡智享》

cc84c51943c6085ffa7c05c9010423fb.png

本文长度为3489字，预计阅读9分钟


前言

原来产品中有个功能要实现宫格中库位的移库效果，以前一直没做这块，也是为了先赶产品，所以没有做实现的拖拽效果，最近正好有时间，研究了一下DragAndDrop，做了一个Demo验证了一下，效果还是挺不错的，本篇就做一个分享。

今天这篇是传统的DragAndDrop效果实现，在JetPack库中新的dragandrop做的优化，要简单的很多，下一篇会说到，并做一下两个对比。

b13772c591e20af57578e0dc6da65197.png

实现效果

0ee301d82bfa50eb062a9d3db1ef6a40.gif

DragAndDrop框架

b711a42303dddae6d9f2276a7742b7ab.png

微卡智享

在Android Level11后就增加了DragAndDrop拖拽框架，可以在界面中实现两个View的数据转换，具体的实现需要增加一个拖拽的事件，一个拖拽的监听器。

拖拽函数startDragAndDrop

拖拽功能通过View.startDragAndDrop来实现

public final boolean startDragAndDrop(ClipData data, View.DragShadowBuilder shadowBuilder, Object myLocalState, int flags) {
        throw new RuntimeException("Stub!");
    }

参数：

ClipData：用于存储传送的数据

DragShadowBuilder：拖动时展示的阴影

myLocalState：这个参数可以用作Activity内部一种轻量级的数据传输机制。监听方通过DragEvent#getLocalState()方法来获取数据。它不能跨Activity，如果在其他Activity调用getLocalState()方法会返回null

flags：设置为0表示不设置flag。

DRAG_FLAG_GLOBAL  表示可以跨window拖拽，典型的是分屏状态下的拖拽
DRAG_FLAG_GLOBAL_PERSISTABLE_URI_PERMISSION  通常跟DRAG_FLAG_GLOBAL_URI_READ和DRAG_FLAG_GLOBAL_URI_WRITE配合使用，用来在设备重启时保持权限。直到显示地调用Context.revokeUriPermission（这里我也没懂什么意思）
DRAG_FLAG_GLOBAL_PREFIX_URI_PERMISSION  通常跟DRAG_FLAG_GLOBAL_URI_READ和DRAG_FLAG_GLOBAL_URI_WRITE配合使用，the URI permission grant applies to any URI that is a prefix match against the original granted URI。
DRAG_FLAG_GLOBAL_URI_READ  与DRAG_FLAG_GLOBAL一起使用，接收者将能够请求对包含在ClipData对象中的内容URI的读访问。
DRAG_FLAG_GLOBAL_URI_WRITE  与DRAG_FLAG_GLOBAL一起使用，接收者将能够请求对包含在ClipData对象中的内容URI的写访问。
DRAG_FLAG_OPAQUE 使拖动的阴影不透明。

监听事件OnDragListener

OnDragListener主要用于监听拖拽事件，当前可见的View都可以进行监听。

监听Drag的流程：

588483b6fe8623f5d5416f1bf10ea1f8.png

上面的流程通过Drag events事件来捕获，其中每个状态中还包含其他依赖于事件动作类型的数据，具体如下：

7781d91d2e42f1b47292feb83c80585d.png

上面是简单的DragandDrop的介绍 ，接下来代码实现。

代码实现

630dcf69d99cae674f54850b0cd415ee.png

微卡智享

01

build.gradle添加依赖项

implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.4'
    implementation "androidx.draganddrop:draganddrop:1.0.0-alpha03"

文章开头用的宫格列表，所以用的BaseRecyclerviewadapter了，然后draganddrop直接用的是jetpack库中alpha03的最新版，要注意这个要求minsdk最小是24。

b5bd451f3fcd416356739791fd16c17b.png

02

布局文件及定义类

0c054616d5ead90adeb0634c1eb73b77.png

d784d22b91763a7589cb7f209a409617.png

一个main中加入了一个按钮和recyclerview，另一个是每个宫格的布局。

定义CDrugs类

package pers.vaccae.draganddropdemo.bean


import android.os.Parcel
import android.os.Parcelable


/**
 * 作者：Vaccae
 * 邮箱：3657447@qq.com
 * 创建时间：14:26
 * 功能模块说明：
 */
class CDrugs() : Parcelable {
    //货格号
    var drugs_ckcode = 0
    //药品编码
    var drugs_code = ""
    //药品名称
    var drugs_name = ""
    //药品规格
    var drugs_specs = ""
    //药品数量
    var qty = 0;


    constructor(parcel: Parcel) : this() {
        drugs_ckcode = parcel.readInt()
        drugs_code = parcel.readString()!!
        drugs_name = parcel.readString()!!
        drugs_specs = parcel.readString()!!
        qty = parcel.readInt()
    }


    override fun writeToParcel(parcel: Parcel, flags: Int) {
        parcel.writeInt(drugs_ckcode)
        parcel.writeString(drugs_code)
        parcel.writeString(drugs_name)
        parcel.writeString(drugs_specs)
        parcel.writeInt(qty)
    }


    override fun describeContents(): Int {
        return 0
    }


    companion object CREATOR : Parcelable.Creator<CDrugs> {
        override fun createFromParcel(parcel: Parcel): CDrugs {
            return CDrugs(parcel)
        }


        override fun newArray(size: Int): Array<CDrugs?> {
            return arrayOfNulls(size)
        }
    }


}

03

编写适配器adapter

由于要每个宫格实现拽拖替换，所以在适配器中每个宫格都要加上拖拽的动作和监听。

7471a27c8d6d68eece2d64b848aeede1.png

在每个itemview中设置tag记录当前在adapter中的position，通过设置onDragListener来捕获监听事件，长按OnLongClick来实现拖拽。

在ClipData数据中，我们通过Intent传递，直接用ClipData.newIntent的方法实现，传入的是原来的位置，这样直接从列表中定位到对应序号就可以查到数据。

package pers.vaccae.draganddropdemo.adapter


import android.content.ClipData
import android.content.Intent
import android.view.DragEvent
import android.view.View
import androidx.core.view.DragStartHelper
import androidx.draganddrop.DropHelper
import com.chad.library.adapter.base.BaseQuickAdapter
import com.chad.library.adapter.base.viewholder.BaseViewHolder
import pers.vaccae.draganddropdemo.R
import pers.vaccae.draganddropdemo.bean.CDrugs




/**
 * 作者：Vaccae
 * 邮箱：3657447@qq.com
 * 创建时间：14:49
 * 功能模块说明：
 */
class DrugsAdapter(layoutId: Int, drugslist: MutableList<CDrugs>? = null) :
    BaseQuickAdapter<CDrugs, BaseViewHolder>(layoutId, drugslist) {


    var mDragEventListener = DragEventListener(this)


    override fun convert(holder: BaseViewHolder, item: CDrugs) {
        holder.setText(R.id.rcl_drugs_ckcode, item.drugs_ckcode.toString())
        holder.setText(R.id.rcl_drugs_code, item.drugs_code)
        holder.setText(R.id.rcl_drugs_name, item.drugs_name)
        holder.setText(R.id.rcl_drugs_specs, item.drugs_specs)
        holder.setText(R.id.rcl_qty, item.qty.toString())


        holder.itemView.setTag(holder.adapterPosition)
        holder.itemView.setOnDragListener(mDragEventListener)


        holder.itemView.setOnLongClickListener {
            //定义Intent
            val intent = Intent()
            intent.putExtra("pos", holder.adapterPosition)
            val dragdata = ClipData.newIntent("olditem", intent)
            val shadow: View.DragShadowBuilder = View.DragShadowBuilder(it)
            it.startDragAndDrop(dragdata, shadow, null, 0)
        }
    }
}

监听事件

写一个OnDragListener的事件，前面的流程图中可以看到，Droped的事件是用户手指在一个View的范围内松开拖拽影子的时候可以接受拖拽数据，所以事件中数据的替换直接在Droped中处理即可。

package pers.vaccae.draganddropdemo.adapter


import android.view.DragEvent
import android.view.View
import pers.vaccae.draganddropdemo.bean.CDrugs


/**
 * 作者：Vaccae
 * 邮箱：3657447@qq.com
 * 创建时间：09:25
 * 功能模块说明：
 */
class DragEventListener(adapter: DrugsAdapter) : View.OnDragListener {


    var mAdapter = adapter


    override fun onDrag(p0: View?, p1: DragEvent?): Boolean {
        p1?.let {
            when (it.action) {
                DragEvent.ACTION_DROP -> {
                    val intent = it.clipData.getItemAt(0).intent
                    val oldpos = intent.getIntExtra("pos", -1)
                    //记录现在格的数据
                    val nowpos = p0?.getTag() as Int
                    //将现在格数据存到临时变量中
                    val nowitem = CDrugs()
                    nowitem.drugs_ckcode = mAdapter.data[nowpos].drugs_ckcode
                    nowitem.drugs_code = mAdapter.data[nowpos].drugs_code
                    nowitem.drugs_name = mAdapter.data[nowpos].drugs_name
                    nowitem.drugs_specs = mAdapter.data[nowpos].drugs_specs
                    nowitem.qty = mAdapter.data[nowpos].qty


                    //修改现在格的数据
                    mAdapter.data[nowpos].drugs_ckcode = nowitem.drugs_ckcode;
                    mAdapter.data[nowpos].drugs_code = mAdapter.data[oldpos].drugs_code
                    mAdapter.data[nowpos].drugs_name = mAdapter.data[oldpos].drugs_name
                    mAdapter.data[nowpos].drugs_specs = mAdapter.data[oldpos].drugs_specs
                    mAdapter.data[nowpos].qty = mAdapter.data[oldpos].qty


                    //修改原来的格数据
                    mAdapter.data[oldpos].drugs_code = nowitem.drugs_code
                    mAdapter.data[oldpos].drugs_name = nowitem.drugs_name
                    mAdapter.data[oldpos].drugs_specs = nowitem.drugs_specs
                    mAdapter.data[oldpos].qty = nowitem.qty


                    mAdapter.notifyItemChanged(nowpos)
                    mAdapter.notifyItemChanged(oldpos)
                }
            }
        }
        return true
    }
}

事件最后的返回要都写true,返回false只能接受到ACTION_DRAG_STARTED事件，其他事件收不到。

04

主界面代码

主界面中加入一个初始化数据，生成对应的数据列表

package pers.vaccae.draganddropdemo


import android.content.ClipData
import android.content.ClipDescription
import android.content.Intent
import android.os.Bundle
import android.util.Log
import android.view.View
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
import androidx.core.view.ContentInfoCompat
import androidx.core.view.DragStartHelper
import androidx.core.view.OnReceiveContentListener
import androidx.draganddrop.DropHelper
import androidx.recyclerview.widget.GridLayoutManager
import androidx.recyclerview.widget.RecyclerView
import pers.vaccae.draganddropdemo.adapter.DrugsAdapter
import pers.vaccae.draganddropdemo.adapter.DrugsAdapterNew
import pers.vaccae.draganddropdemo.bean.CDrugs


class MainActivity : AppCompatActivity() {


    private val recyclerView: RecyclerView by lazy { findViewById(R.id.recycler_view) }


    val drugslist = mutableListOf<CDrugs>()
    lateinit var adapter: DrugsAdapter


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)


        //初始化数据
        initdata()


        adapter = DrugsAdapter(R.layout.rcl_item, drugslist)


        val gridLayoutManager = GridLayoutManager(this, 3)
        recyclerView.layoutManager = gridLayoutManager
        recyclerView.adapter = adapter


        val btn = findViewById<Button>(R.id.btn)
        btn.setOnClickListener {
            for(item in drugslist){
                Log.i("main", item.drugs_ckcode.toString() + " "+ item.drugs_code
                        +" "+item.drugs_name)
            }
        }


    }


    fun initdata() {
        var ckcode = 1000
        for (i in 1..9) {
            val item = CDrugs()
            if (i % 3 == 0) {
                item.drugs_ckcode = ckcode + 3
                ckcode += 1000
            } else {
                item.drugs_ckcode = ckcode + i % 3
            }
            item.drugs_code = "00000$i"
            item.drugs_name = "测试药品$i"
            item.drugs_specs = "50ml"
            item.qty = i


            drugslist.add(item)
        }
    }
}

这样拖拽的效果就可以实现了，打印按钮是输出生成的List数据，虽然拖拽的效果在adapter中编写的，但在外面List数据中也会同步的进行修改。

dbc34d87df71961131a5a6e2f9a64e2c.png

上图中的顺序，点击打印按钮可以看一下输出列表。

6906c41dd3edbf66b47aee707982bf95.png

可以看到输入的和界面上的也完全一致。

源码地址

https://github.com/Vaccae/Android-DragAndDropDemo.git

点击原文链接可以跳转到“码云”的下载地址

完

620153ac38b5c8bdc2ee6b3d6efd7788.png

bf1aac4b917b2c53a90ecca0da1257e4.png

往期精彩回顾

979e79b08d28ad5dc2ba8f4f1e943c08.png

OpenCV实现图片批号效期提取


70a271bda26b67f35ea236e72b2263bc.png

OpenCV图像锐化---USM锐化和Laplace锐化


5c7950a540bc47ea9791777ef890a77d.png

Android Studio 2021.1.1的getNdkVersion的Bug及解决办法


Vaccae
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Android中Drag and Drop拖拽功能的使用
01-02
最近写项目的时候，要用到一个拖拽效果，但是，所以写了一个例子上传到这里，交流学习
Android简单的拖拽操作（DragAndDrop）
12-29
看了书上写了这个系统提供的拖拽操作（StartDrag），然后自己尝试多次未能成功，然后又在百度找了很多文章，发现都不尽相同，之后自己总结之后写出了这个demo，希望能够帮到和我之前遇到同样问题的朋友
Android界面导航之拖放框架(Drag and Drop)，关于Android开发你必须要懂的APK瘦身知识
2301_76328475的博客
04-01 132
希望本文对你有所启发，有任何面试上的建议也欢迎留言分享给大家。好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。好了~如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。
Android拖放startDragAndDrop拖拽Glide灵活加载堆叠圆角图，Kotlin（6）
Zhang Phil
11-14 1632
文章浏览阅读1k次。可以利用androidx.cardview.widget.CardView的cardCornerRadius特性，将CardView改造成一个圆形的View，技术实现的关键首先设定CardView为一个宽高相等的View（正方形），然后将radius特意设置成宽度（或高度，一样，因为正方形，宽高相等）的1/2，此时CardView自然就变成一个圆。_android 圆形view。这次，现在改造文章（5）中的实现，实现低代码、灵活加载旋转的堆叠图。
DragAndDrop
zhongzhihua
05-11 249
xul文件: xml 代码 &lt;?xml version="1.0"?&gt;   &lt;?xml-stylesheet href="chrome://global/skin/" type="text/css"?&gt;   &lt;window title="Widget Dragger" id="test-window" orie
Android Api Demos登顶之路（106）View-->DragAndDrop
fishtosky的博客
10-21 447
这个demo演示了拖放功能的实现 同样使用了自定义属性和自定义视图 自定义属性：attr.xml<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="DraggableDot"> <attr name="radius" format="dimension"/>
Android拖拽功能基础(startDragAndDrop)
gujiaodudu的专栏
02-05 6374
学习目标： 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 提示：这里统计学习计划的总量 例如： 1、 技术笔记 2 遍 2、CSDN 技术博客 3 篇
Android JetPack--拖拽DragAndDrop使用及和旧版对比
Vaccae的博客
03-07 1956
学更好的别人，做更好的自己。——《微卡智享》本文长度为2849字，预计阅读6分钟前言上一篇《Android使用DragAndDrop拖拽效果实现宫格位置变换》中主要介绍DragAndDro...
Jetpack 又双叒一新成员 DragAndDrop 框架：大大简化拖放手势开发
zzz777qqq的博客
12-27 2077
外网原文：Simplifying drag and drop 翻译：TechMerger 对于拖放手势，大家并不陌生，这是在桌面端最稀松平常的操作，比如将文件拖入回收站。随着移动设备的大屏趋势、可折叠设备的愈加发完善，拖放操作在移动平台里端也显得愈加必要和流行！ 实现拖放手势： Android 平台现存的方案略为复杂。基于此， Jetpack 框架集合里推出了新成员 DragAndDrop 。 本文着重阐述该框架的愿景和核心要点，主要内容译自 Android 开发者关系工程师 Paul 在 Med.
【Android】View.startDragAndDrop
qq_40900926的博客
01-26 1814
1，概述 原生api，提供跨进程拖拽数据，需提供剪切板、DragShadowBuilder等参数。 简单理解，调用该方法会在系统层次上生成阴影，默然与拖拽view大小相同，阴影中心位置与触摸点重合。 2，核心方法 public final boolean startDragAndDrop(ClipData data, DragShadowBuilder shadowBuilder, Object myLocalState, int flags) { ...... }...
DragAndDrop 框架：大大简化拖放手势开发
chuyouyinghe的专栏
03-08 438
对于拖放手势，大家并不陌生，这是在桌面端最稀松平常的操作，比如将文件拖入回收站。随着移动设备的大屏趋势、可折叠设备的愈加发完善，拖放操作在移动平台里端也显得愈加必要和流行！ 实现拖放手势：Android 平台现存的方案略为复杂。基于此， Jetpack 框架集合里推出了新成员 DragAndDrop 。 本文着重阐述该框架的愿景和核心要点，主要内容译自 Android 开发者关系工程师 Paul 在 Meduim 上的 Post：「Simplifying drag and drop」。 .
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
09-08
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
在Android app中实现九(n)宫格图片连续滑动效果
09-02
主要介绍了在Android app中实现九(n)宫格图片连续滑动效果的方法,作者举了凤凰新闻应用的例子,同理功能图标也可以利用这样的滑动效果,需要的朋友可以参考下
Android开发12宫格抽奖源码
11-19
Android开发12宫格抽奖源码，抽奖源码，简单修改下也可以改为9宫格
Android 十二宫格抽奖，全网最好用的可商业使用代码Demo，简洁清晰！
04-11
采用java代码实现，代码简洁高效，最佳功能的必备之品。不用犹豫下载吧！
QT使用border-image实现9宫格效果
08-15
在QT上使用border-image实现类似Android 9patch的效果。
Day25-Java基础之常用类1
m0_46053885的博客
04-27 1108
同时我们发现Math类中的方法都是静态的，因此在使用的时候我们可以直接通过类名去调用。对于计算机而言，其实是没有数据类型的概念的，都是0101010101，数据类型是编程语言自己规定的，所以在实际存储的时候，先把具体的数字变成二进制，每32个bit为一组，存储在数组中。比较内存地址值一般情况下是没有意义的，我们希望比较的是对象的属性，如果两个对象的属性相同，我们认为就是同一个对象；如果我们的数据是一个浮点类型的数据，有的时候计算机并不会将这个数据完全转换成一个二进制数据，而是将这个将其转换成一个无限的。
链表刷题集
最新发布
yajunjiao的专栏
04-30 479
本文主要列举了一些刷的题，不多，有那么几道，也建议各位去建立自己的刷题集。积少成多。
d15(136-148)-勇敢开始Java，咖啡拯救人生
m0_73459387的博客
04-28 1068
对象哈希值的特点：同一个对象调用hashCode()返回的哈希值相同；HashMap的键依赖hashCode方法和equals方法保证键的唯一，存储自定义类型的对象时，重写这两个方法。实际上，Set系列集合的底层就是基于Map实现的，只是Set集合中的元素要键数据，不要值数据。当12个位置都占满时就会扩容，大约扩容为原来的二倍，再把原数组数据转移到新数组。使用迭代器遍历集合时，又同时在删除集合中的数据，程序就会出现并发修改异常的错误。基于哈希表实现，每个键值对额外多了一个双链表的机制，记录元素顺序（保证。
android 六宫格布局
07-17
总之，Android六宫格布局是一种常见且实用的界面布局方式，可以通过使用GridLayout或者自定义布局管理器来实现。这种布局方式可以使界面整齐、美观，并且提供了较高的灵活性，适合用于不同类型的Android应用界面设计...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Vaccae

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值