RecycleView结合ItemTouchHelper实现拖动排序

2024-02-23 01:04

本文主要是介绍RecycleView结合ItemTouchHelper实现拖动排序,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近项目中需要实现对某一类条目进行拖动排序功能,实现技术方案就是利用ItemTouchHelper绑定RecyclerView、ItemTouchHelper.Callback来实现UI更新,并且实现动态控制是否开启拖动功能。其中,ItemTouchHelper是Google在androidx包中添加的,其于RecyclerView配合可以比较容易地实现这个功能。

1、布局文件

a、activity的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/cf5f5f5"><include layout="@layout/title_layout"/><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="@color/ce5e5e5"/><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="50dp"android:background="@color/white"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/custom_order"android:textColor="@color/c333333"android:textSize="14sp"android:layout_centerVertical="true"android:layout_marginLeft="12dp"/><ToggleButtonandroid:id="@+id/toggleBtn"android:layout_width="48dp"android:layout_height="28dp"android:layout_centerVertical="true"android:layout_marginRight="12dp"android:background="@drawable/toggle_drawable_selector"android:button="@null"android:textOff=""android:textOn=""android:layout_alignParentRight="true"/></RelativeLayout><RelativeLayoutandroid:id="@+id/tipLayout"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginTop="20dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/custom_order_tip1"android:textColor="@color/c808080"android:textSize="12sp"android:layout_centerVertical="true"android:layout_marginLeft="12dp"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/custom_order_tip2"android:textColor="@color/c808080"android:textSize="12sp"android:layout_centerVertical="true"android:layout_marginRight="12dp"android:layout_alignParentRight="true"/></RelativeLayout><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/recycleView"android:layout_width="match_parent"android:layout_height="wrap_content"/>
</LinearLayout>

bRecycleViewlistitem布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="50dp"><ImageViewandroid:id="@+id/image"android:layout_width="24dp"android:layout_height="24dp"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_marginLeft="12dp"android:src="@mipmap/icon_bank_others"/><TextViewandroid:id="@+id/cardTypeTxt"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="xx借记卡"android:textColor="@color/c333333"android:textSize="14sp"android:layout_centerVertical="true"android:layout_marginLeft="12dp"android:layout_toRightOf="@id/image"/><TextViewandroid:id="@+id/cardNoTxt"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="(8800)"android:textColor="@color/c808080"android:textSize="14sp"android:layout_centerVertical="true"android:layout_marginLeft="6dp"android:layout_toRightOf="@id/cardTypeTxt"/><ImageViewandroid:id="@+id/selectImage"android:layout_width="50dp"android:layout_height="50dp"android:scaleType="center"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:src="@mipmap/sort_line"/>
</RelativeLayout>

2、实现ItemTouchHelper.Callback

private ItemTouchHelper.Callback callback = 
new ItemTouchHelper.Callback() {public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {//首先回调的方法,返回int表示是否监听该方向int dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP;//拖拽int swipeFlag = 0;//侧滑删除return makeMovementFlags(dragFlag, swipeFlag);}@Overridepublic void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int direction) {}public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {if (mAdapter != null) {mAdapter.onMove(viewHolder.getAdapterPosition(), target.getAdapterPosition());}return true;}public void onSelectedChanged(ViewHolder viewHolder, int actionState) {if (actionState != 0) {viewHolder.itemView.setAlpha(0.9f);}super.onSelectedChanged(viewHolder, actionState);}public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {super.clearView(recyclerView, viewHolder);viewHolder.itemView.setAlpha(1.0f);if (mAdapter != null) {mAdapter.notifyDataSetChanged();mSortedList = mAdapter.getSortedDataList();LogUtils.debug(TAG, "callback clearView: " + JSONObject.toJSONString(mSortedList));refreshCardSort(mSortedList);}}};

3、初始化RecycleView,并绑定ItemTouchHelper

 mAdapter = new MyAdapter(mSortedList);recyclerView.setAdapter(mAdapter);LinearLayoutManager llm = new LinearLayoutManager(mContext, LinearLayoutManager.VERTICAL, false);recyclerView.setLayoutManager(llm);//这两句是关键,完成RecycleView和ItemTouchHelper的绑定ItemTouchHelper helper = new ItemTouchHelper(callback);helper.attachToRecyclerView(recyclerView);

4、定义自己的Adapter

private class MyAdapter extends RecyclerView.Adapter<ViewHolder> {private List<AccountInfo> mDataList;public MyAdapter (List<AccountInfo> dataList) {this.mDataList = dataList;}public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.card_order_listitem, parent, false));}public void onBindViewHolder(ViewHolder holder, final int position) {final AccountInfo item = mDataList.get(position);if (item != null) {holder.tvContentType.setText(getCardNoType(item.getAccountType()));holder.tvContentNo.setText(getCardNo(item.getAccountNo()));}}public int getItemCount() {return mDataList.size();}public void onMove(int fromPosition, int toPosition) {//对原数据进行移动Collections.swap(mDataList, fromPosition, toPosition);//通知数据移动notifyItemMoved(fromPosition, toPosition);LogUtils.debug(TAG, "MyAdapter onMove fromPosition: " + fromPosition + ", toPosition: " + toPosition);}public List<AccountInfo> getSortedDataList() {return this.mDataList;}}public class ViewHolder extends RecyclerView.ViewHolder {public TextView tvContentType;public TextView tvContentNo;public ViewHolder(View view) {super(view);this.tvContentType = (TextView)view.findViewById(R.id.cardTypeTxt);this.tvContentNo = (TextView)view.findViewById(R.id.cardNoTxt);}}其他参数定义:private List<AccountInfo> mSortedList;private MyAdapter mAdapter;bean定义如下:
package com.qdone.qrcode.pay.qrcodesdkdemo.model;/*** Time: 2024/1/26* Author:* Description:*/
public class AccountInfo {private String accountId;private String custId;private String accountNo;private String accountType;private String bankName;private String displayOrder;/*** 是否是默认账户,0-普通账户 1-默认账户*/private String defaultFlag;@Overridepublic String toString() {return "AccountInfo{" +"accountId='" + accountId + '\'' +", custId='" + custId + '\'' +", accountNo='" + accountNo + '\'' +", accountType='" + accountType + '\'' +", bankName='" + bankName + '\'' +", displayOrder='" + displayOrder + '\'' +", defaultFlag='" + defaultFlag + '\'' +'}';}public String getAccountId() {return accountId;}public void setAccountId(String accountId) {this.accountId = accountId;}public String getCustId() {return custId;}public void setCustId(String custId) {this.custId = custId;}public String getAccountNo() {return accountNo;}public void setAccountNo(String accountNo) {this.accountNo = accountNo;}public String getAccountType() {return accountType;}public void setAccountType(String accountType) {this.accountType = accountType;}public String getBankName() {return bankName;}public void setBankName(String bankName) {this.bankName = bankName;}public String getDisplayOrder() {return displayOrder;}public void setDisplayOrder(String displayOrder) {this.displayOrder = displayOrder;}public String getDefaultFlag() {return defaultFlag;}public void setDefaultFlag(String defaultFlag) {this.defaultFlag = defaultFlag;}
}

这篇关于RecycleView结合ItemTouchHelper实现拖动排序的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/737057

相关文章

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

SpringBoot中使用Flux实现流式返回的方法小结

《SpringBoot中使用Flux实现流式返回的方法小结》文章介绍流式返回(StreamingResponse)在SpringBoot中通过Flux实现,优势包括提升用户体验、降低内存消耗、支持长连... 目录背景流式返回的核心概念与优势1. 提升用户体验2. 降低内存消耗3. 支持长连接与实时通信在Sp

Conda虚拟环境的复制和迁移的四种方法实现

《Conda虚拟环境的复制和迁移的四种方法实现》本文主要介绍了Conda虚拟环境的复制和迁移的四种方法实现,包括requirements.txt,environment.yml,conda-pack,... 目录在本机复制Conda虚拟环境相同操作系统之间复制环境方法一:requirements.txt方法

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Nginx 配置跨域的实现及常见问题解决

《Nginx配置跨域的实现及常见问题解决》本文主要介绍了Nginx配置跨域的实现及常见问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来... 目录1. 跨域1.1 同源策略1.2 跨域资源共享(CORS)2. Nginx 配置跨域的场景2.1

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一:使用os.path.splitext方法二:使用pathlib模块方法三

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja