RecycleView结合ItemTouchHelper实现拖动排序

2024-02-23 01:04
文章标签 实现 排序 结合 拖动 recycleview itemtouchhelper

本文主要是介绍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>

b、RecycleView的listitem布局文件

<?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。

相关文章

Qt把文件夹从A移动到B的实现示例

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件？ 如何移动文件夹（包含里面的全部内容）：如何删除文件夹：QT 文件复制，移动(
阅读更多...
Flask 验证码自动生成的实现示例

Flask 验证码自动生成的实现示例

《Flask验证码自动生成的实现示例》本文主要介绍了Flask验证码自动生成的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习... 目录生成图片以及结果处理验证码蓝图html页面展示想必验证码大家都有所了解，但是可以自己定义图片验证码
阅读更多...
VSCode配置Anaconda Python环境的实现

VSCode配置Anaconda Python环境的实现

《VSCode配置AnacondaPython环境的实现》VisualStudioCode中可以使用Anaconda环境进行Python开发,本文主要介绍了VSCode配置AnacondaPytho... 目录前言一、安装 Visual Studio Code 和 Anaconda二、创建或激活 conda
阅读更多...
使用mvn deploy命令上传jar包的实现

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要
阅读更多...
JAVA封装多线程实现的方式及原理

JAVA封装多线程实现的方式及原理

《JAVA封装多线程实现的方式及原理》：本文主要介绍Java中封装多线程的原理和常见方式,通过封装可以简化多线程的使用,提高安全性,并增强代码的可维护性和可扩展性,需要的朋友可以参考下... 目录前言一、封装的目标二、常见的封装方式及原理总结前言在 Java 中，封装多线程的原理主要围绕着将多线程相关的操
阅读更多...
MySQL中实现多表查询的操作方法(配sql+实操图+案例巩固 通俗易懂版)

MySQL中实现多表查询的操作方法(配sql+实操图+案例巩固 通俗易懂版)

《MySQL中实现多表查询的操作方法(配sql+实操图+案例巩固通俗易懂版)》本文主要讲解了MySQL中的多表查询,包括子查询、笛卡尔积、自连接、多表查询的实现方法以及多列子查询等,通过实际例子和操... 目录复合查询1. 回顾查询基本操作group by 分组having1. 显示部门号为10的部门名，员
阅读更多...
java导出pdf文件的详细实现方法

java导出pdf文件的详细实现方法

《java导出pdf文件的详细实现方法》：本文主要介绍java导出pdf文件的详细实现方法,包括制作模板、获取中文字体文件、实现后端服务以及前端发起请求并生成下载链接,需要的朋友可以参考下... 目录使用注意点包含内容1、制作pdf模板2、获取pdf导出中文需要的文件3、实现4、前端发起请求并生成下载链接使
阅读更多...
Java的volatile和sychronized底层实现原理解析

Java的volatile和sychronized底层实现原理解析

《Java的volatile和sychronized底层实现原理解析》文章详细介绍了Java中的synchronized和volatile关键字的底层实现原理,包括字节码层面、JVM层面的实现细节,以... 目录1. 概览2. Synchronized2.1 字节码层面2.2 JVM层面2.2.1 ente
阅读更多...
Linux下修改hostname的三种实现方式

Linux下修改hostname的三种实现方式

《Linux下修改hostname的三种实现方式》：本文主要介绍Linux下修改hostname的三种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux下修改ho编程stname三种方式方法1：修改配置文件方法2：hFvEWEostnamectl命
阅读更多...
Java实现数据库图片上传功能详解

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2