自己实现一个右滑删除的ListView, SwipeMenuListView

2024-05-11 23:32
文章标签 实现 删除 listview 右滑 swipemenulistview

本文主要是介绍自己实现一个右滑删除的ListView, SwipeMenuListView，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

参考了以下源码：https://github.com/baoyongzhang/SwipeMenuListView

实现的效果(顺便推荐一个视频转gif的网址：http://www.gif5.net/)

 

 

 

 

 

 

 

 

 

实现的效果包括：

1.左滑item出现menu view,

  • 左滑距离过短时自动关掉menu view,
  • 左滑距离超过一定值时自动打开menu view,

2.menu view打开的时候，

  • 右滑能够关闭menu view;
  • 右滑超过一定的值时松开自动关闭menu view
  • 右滑距离过短时松开，自动使menu view仍然是打开状态
  • 点击其他item关闭menu view
  • 点击menu view是打开的item,但是点击区域不在menu view上的时候关闭menu view
  • 点击menu view中的按钮，实现相应的操作(具体事件处理见代码)

首先抛出几个问题：

1.如何根据我们的手势判定要左滑的position

2.滑动到什么程度让左滑的Menu显示出来

3.怎么处理item左滑与ListView的滑动的冲突

4.menu怎么添加

5.只能有一个是Open的状态，如果Item1是Open，这时候点击或者滑动Item2,应该使Item1关闭（拦截触摸事件，稍候详细添加）

首先，定义一个CustomSlideDeleteItemView，这个View的layout要重写，确定menu的摆放位置，具体见代码

package com.example.myapp.view;import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.TextView;import com.example.myapp.R;
import com.example.myapp.util.Methods;import java.util.ArrayList;
import java.util.List;/*** Created by zyr* DATE: 16-3-19* Time: 下午3:54* Email: yanru.zhang@renren-inc.com*/
public class CustomSlideDeleteItemView extends FrameLayout{private Context mContext;private List<View> menuViews = new ArrayList<>();private View contentView;public LinearLayout getMenuViewContainer() {return menuViewContainer;}private LinearLayout menuViewContainer;private int contentViewId;private int contentViewWidth,contentViewHeight,menuWidth,menuHeight;private int menuState = MENU_STATE_CLOSE;public final static int MENU_STATE_CLOSE = 0;public final static int MENU_STATE_OPEN = 1;public final static int MENU_STATE_HALF_OPEN = 2;public void setOnMenuClickListener(OnMenuClickListener onMenuClickListener) {this.onMenuClickListener = onMenuClickListener;}private OnMenuClickListener onMenuClickListener;public interface OnMenuClickListener{void onMenuClick(int i,int counts);}public CustomSlideDeleteItemView(Context context) {this(context, null);}public CustomSlideDeleteItemView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public CustomSlideDeleteItemView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);mContext = context;menuWidth = Methods.computePixelsWithDensity(mContext,100);
//        Log.d("zyr","menuWidth:" + menuWidth);TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomSlideDeleteItemView);for(int i=0;i<typedArray.length();i++){int attr = typedArray.getIndex(i);switch (attr){case R.styleable.CustomSlideDeleteItemView_contentViewId:contentViewId = typedArray.getResourceId(R.styleable.CustomSlideDeleteItemView_contentViewId,0);break;}}if(contentViewId!=0){contentView = findViewById(contentViewId);}menuViewContainer = new LinearLayout(mContext);menuViewContainer.setOrientation(LinearLayout.HORIZONTAL);ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);addView(menuViewContainer, layoutParams);}@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom);if(contentView!=null){contentView.layout(0, 0, getMeasuredWidth(), getMeasuredHeight());}layoutMenu();}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);if(w!=oldw || h!=oldh){contentViewHeight = menuHeight = h;contentViewWidth = w;
//            Log.d("zyr","contentViewWidth:" + contentViewWidth);}}public void addMenu(String s,int color){TextView textView = new TextView(mContext);textView.setText(s);textView.setBackgroundColor(color);textView.setTextColor(getResources().getColor(R.color.white));textView.setGravity(Gravity.CENTER);LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(menuWidth, ViewGroup.LayoutParams.MATCH_PARENT);menuViews.add(textView);menuViewContainer.addView(textView, layoutParams);invalidate();for(int i=0;i<menuViews.size();i++){final int position = i;View view = menuViews.get(i);view.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if(onMenuClickListener!=null){onMenuClickListener.onMenuClick(position,menuViews.size());scrollClose();}}});}}public void clearAllMenu(){menuViews.clear();menuViewContainer.removeAllViews();invalidate();}private void layoutMenu() {menuViewContainer.layout(contentViewWidth, 0, contentViewWidth + menuWidth * menuViews.size(), contentViewHeight);}public void scroll(int deltaX,int lastDeltaX) {if(deltaX < 0){
//            Log.d("zyr","deltaX:" + deltaX);
//            Log.e("zyr","menuWidth * menuViews.size():" + menuWidth * menuViews.size());if(Math.abs(deltaX) > menuWidth * menuViews.size() ){scrollTo(menuWidth * menuViews.size(), 0);menuState = MENU_STATE_OPEN;}else{scrollBy(-lastDeltaX, 0);menuState = MENU_STATE_HALF_OPEN;}}else{if( !isClosed() ){
//                Log.d("zyr","deltaX:" + deltaX);
//                Log.e("zyr", "menuWidth * menuViews.size():" + menuWidth * menuViews.size());if(Math.abs(deltaX) > menuWidth * menuViews.size()){scrollTo(0,0);menuState = MENU_STATE_CLOSE;}else{scrollBy(-lastDeltaX, 0);menuState = MENU_STATE_HALF_OPEN;}}}}public void autoScroll(int deltaX){if(deltaX < 0){if(Math.abs(deltaX) < menuWidth){scrollTo(0, 0);menuState = MENU_STATE_CLOSE;}else{scrollTo(menuWidth * menuViews.size(), 0);menuState = MENU_STATE_OPEN;}}else{if( !isClosed() ){if(Math.abs(deltaX) < menuWidth){scrollTo(menuWidth * menuViews.size(), 0);menuState = MENU_STATE_OPEN;}else{scrollTo(0,0);menuState = MENU_STATE_CLOSE;}}}}public void scrollClose(){scrollTo(0,0);menuState = MENU_STATE_CLOSE;}public boolean isClosed(){if(menuState == MENU_STATE_CLOSE){return true;}else{return false;}}}


在attr文件中定义

<declare-styleable name="CustomSlideDeleteItemView"><attr name="contentViewId" format="integer"/></declare-styleable>

然后定义我们的CustomSlideDeleteListView

package com.example.myapp.view;import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ListView;import com.example.myapp.R;
import com.example.myapp.util.Methods;/*** Created by zyr* DATE: 16-3-18* Time: 下午5:42* Email: yanru.zhang@renren-inc.com* 参照：https://github.com/baoyongzhang/SwipeMenuListView* 还有一些没有解决的问题，* 1.触摸拦截*/
public class CustomSlideDeleteListView extends ListView {private Context mContext;private CustomSlideDeleteItemView mCurrentView,mLastTouchItemView;private int currentItemId,lastItemId,touchItemId;private int downX,downY,moveX,moveY,deltaX,deltaY,upX,upY,lastX,lastDeltaX;public final static int MIN_SCROLL_DIS = 100;private int touchState=TOUCH_STATE_NONE;public final static int TOUCH_STATE_X = 1;public final static int TOUCH_STATE_Y = 2;public final static int TOUCH_STATE_NONE = 0;private int  direction = DIRECTION_NONE;public final static int DIRECTION_LEFT = 1;//左滑public final static int DIRECTION_RIGHT = 2;//右滑public final static int DIRECTION_TOP = 3;//左滑public final static int DIRECTION_BOTTOM = 4;//右滑public final static int DIRECTION_NONE = 0;//public CustomSlideDeleteListView(Context context) {this(context, null);}public CustomSlideDeleteListView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public CustomSlideDeleteListView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);mContext = context;setSelector(new ColorDrawable(Color.TRANSPARENT));TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomSlideDeleteListView);for(int i=0;i<typedArray.length();i++){int attr = typedArray.getIndex(i);switch (attr){case R.styleable.CustomSlideDeleteListView_rightViewId:break;}}}@Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {switch (ev.getAction()){case MotionEvent.ACTION_DOWN:lastX = downX = (int) ev.getX();downY = (int) ev.getY();touchItemId = pointToPosition(downX,downY);touchState = TOUCH_STATE_NONE;break;case MotionEvent.ACTION_MOVE:moveX = (int) ev.getX();moveY = (int) ev.getY();deltaX = moveX - downX;deltaY = moveY - downY;lastDeltaX = moveX - lastX;lastX = moveX;if(Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > MIN_SCROLL_DIS){touchState = TOUCH_STATE_X;if(deltaX > 0){direction = DIRECTION_RIGHT;}else{direction = DIRECTION_LEFT;}}else if(Math.abs(deltaX) <= Math.abs(deltaY) && Math.abs(deltaY) > MIN_SCROLL_DIS){touchState = TOUCH_STATE_Y;if(deltaY > 0){direction = DIRECTION_BOTTOM;}else{direction = DIRECTION_TOP;}}else {touchState = TOUCH_STATE_NONE;direction = DIRECTION_NONE;}
//                Log.e("zyr","touchState:" + touchState);
//                Log.e("zyr","direction"+ direction);break;}return super.dispatchTouchEvent(ev);}@Overridepublic boolean onInterceptTouchEvent(MotionEvent ev) {switch (ev.getAction()){case MotionEvent.ACTION_DOWN://按下的位置不是上次按下的位置//上次的iew不是空，而且是打开的，拦截if(touchItemId != lastItemId&& mLastTouchItemView!=null&& !mLastTouchItemView.isClosed()){return true;}break;case MotionEvent.ACTION_MOVE://if 向距离大于纵向距离，拦截if(touchState == TOUCH_STATE_X ){return true;}break;case MotionEvent.ACTION_UP://只是点击了一下//有处于Open状态的menu//没有点击在menu上面,拦截if(touchState==TOUCH_STATE_NONE&& mLastTouchItemView!=null&& !mLastTouchItemView.isClosed()&& !Methods.inRangeOfView(mLastTouchItemView.getMenuViewContainer(),ev)){return true;}break;}return super.onInterceptTouchEvent(ev);}@Overridepublic boolean onTouchEvent(MotionEvent ev) {switch (ev.getAction()){case MotionEvent.ACTION_DOWN:if(touchItemId != lastItemId&& mLastTouchItemView!=null&& !mLastTouchItemView.isClosed()){mLastTouchItemView.scrollClose();return true;}break;case MotionEvent.ACTION_MOVE:if(touchState == TOUCH_STATE_X ){lastItemId = currentItemId;currentItemId = pointToPosition(downX,downY);mLastTouchItemView = mCurrentView;mCurrentView = (CustomSlideDeleteItemView)getChildAt(currentItemId - getFirstVisiblePosition());mCurrentView.scroll(deltaX,lastDeltaX);return true;}break;case MotionEvent.ACTION_UP:upX = (int)ev.getX();upY = (int)ev.getY();if(touchState == TOUCH_STATE_X && mCurrentView!=null){mCurrentView.autoScroll(upX - downX);return true;}if(touchState==TOUCH_STATE_NONE&& mLastTouchItemView!=null&& !mLastTouchItemView.isClosed()&& !Methods.inRangeOfView(mLastTouchItemView.getMenuViewContainer(),ev)){mLastTouchItemView.scrollClose();return true;}break;}return super.onTouchEvent(ev);}
}


最后需要定义我们的Adapter

复制代码 
package com.example.myapp.adapter;import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.TextView;
import android.widget.Toast;import com.example.myapp.R;
import com.example.myapp.view.CustomSlideDeleteItemView;import java.util.ArrayList;
import java.util.List;/*** Created by zyr* DATE: 15-11-26* Time: 下午2:52* Email: yanru.zhang@renren-inc.com*/
public class CustomSlideDeleteListViewAdapter extends BaseAdapter implements Filterable{public List<String> arrayList = new ArrayList<String>();private Context context;private MyFilter mFilter;public CustomSlideDeleteListViewAdapter(Context context){this.context = context;}public CustomSlideDeleteListViewAdapter(Context context, List<String> arrayList){this.context = context;this.arrayList = new ArrayList<String>(arrayList);}public void setData(List<String> array){if(array ==null){return;}arrayList = new ArrayList<String>(array);notifyDataSetChanged();}@Overridepublic int getCount() {return arrayList.size();}@Overridepublic Object getItem(int position) {return arrayList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {ViewHolder viewHolder = null;if(convertView ==null){convertView = LayoutInflater.from(context).inflate(R.layout.list_view_item,null);viewHolder = new ViewHolder(convertView);convertView.setTag(viewHolder);}else{viewHolder = (ViewHolder)convertView.getTag();}viewHolder.itemView.clearAllMenu();viewHolder.itemView.addMenu("Delete", Color.RED);viewHolder.itemView.addMenu("Open", Color.BLUE);viewHolder.itemView.scrollBack();viewHolder.textView.setText(arrayList.get(position));viewHolder.itemView.setOnMenuClickListener(new CustomSlideDeleteItemView.OnMenuClickListener() {@Overridepublic void onMenuClick(int i, int counts) {switch (i){case 0:arrayList.remove(position);notifyDataSetChanged();break;case 1:break;}}});return convertView;}@Overridepublic Filter getFilter() {if (mFilter == null) {mFilter = new MyFilter();}return mFilter;}class MyFilter extends Filter {@Overrideprotected FilterResults performFiltering(CharSequence constraint) {FilterResults results = new FilterResults();if (arrayList == null) {arrayList = new ArrayList<String>();}results.values = arrayList;results.count = arrayList.size();return results;}@Overrideprotected void publishResults(CharSequence constraint, FilterResults results) {if (results.count > 0) {notifyDataSetChanged();} else {notifyDataSetInvalidated();}}}class ViewHolder{CustomSlideDeleteItemView itemView;TextView textView;public ViewHolder(View view){itemView = (CustomSlideDeleteItemView)view;textView = (TextView)view.findViewById(R.id.list_view_text);}}
}
复制代码

adapter引用的xml文件

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<com.example.myapp.view.CustomSlideDeleteItemView xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"xmlns:app="http://schemas.android.com/apk/res-auto"android:background="@drawable/common_listview_bg"app:contentViewId="@+id/list_view_text"><TextView android:id="@+id/list_view_text"android:layout_width="match_parent"android:layout_height="50dp"android:gravity="center"android:textColor="@color/primary"android:textStyle="bold"android:paddingLeft="20dp" />
</com.example.myapp.view.CustomSlideDeleteItemView>
复制代码

 

在Activity中引用

  customSlideDeleteListView = (CustomSlideDeleteListView) findViewById(R.id.custom_slid_delete_list_view);for(int i=0;i<100;i++){stringList.add("zyr" + i);}customSlideDeleteListViewAdapter = new CustomSlideDeleteListViewAdapter(this,stringList);customSlideDeleteListView.setAdapter(customSlideDeleteListViewAdapter);

这篇关于自己实现一个右滑删除的ListView, SwipeMenuListView的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/980967。

相关文章

hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

利用康拓展开将一个排列映射成一个自然数，然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu
阅读更多...
电脑桌面文件删除了怎么找回来？别急，快速恢复攻略在此

电脑桌面文件删除了怎么找回来？别急，快速恢复攻略在此

在日常使用电脑的过程中，我们经常会遇到这样的情况：一不小心，桌面上的某个重要文件被删除了。这时，大多数人可能会感到惊慌失措，不知所措。 其实，不必过于担心，因为有很多方法可以帮助我们找回被删除的桌面文件。下面，就让我们一起来了解一下这些恢复桌面文件的方法吧。 一、使用撤销操作 如果我们刚刚删除了桌面上的文件，并且还没有进行其他操作，那么可以尝试使用撤销操作来恢复文件。在键盘上同时按下“C
阅读更多...
【C++】_list常用方法解析及模拟实现

【C++】_list常用方法解析及模拟实现

相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
阅读更多...
【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi
阅读更多...
让树莓派智能语音助手实现定时提醒功能

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现，因为rasa本身是带有remindschedule模块的。不过经过一番折腾后，忽然发现，chatbot上实现的定时，语音助手不一定会有响应。因为，我目前语音助手的代码设置了长时间无应答会结束对话，这样一来，chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢？ 我最后选择的方法是用threading.Time
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量

C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量

哈喽，你好啊，我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记，这是第6篇； 接下来实现实时显示当前选中红球数量，蓝球数量； 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时，在对应的位置显示实时已选择的红球、蓝球的数量； 02 标签名称 分别设置Label标签名称为：lblRedCount、lblBlueCount
阅读更多...
Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略

Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略

Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略 1. 特权模式限制2. 宿主机资源隔离3. 用户和组管理4. 权限提升控制5. SELinux配置 💖The Begin💖点点关注，收藏不迷路💖 Kubernetes的PodSecurityPolicy（PSP）是一个关键的安全特性，它在Pod创建之前实施安全策略，确保P
阅读更多...
工厂ERP管理系统实现源码（JAVA）

工厂ERP管理系统实现源码（JAVA）

工厂进销存管理系统是一个集采购管理、仓库管理、生产管理和销售管理于一体的综合解决方案。该系统旨在帮助企业优化流程、提高效率、降低成本，并实时掌握各环节的运营状况。 在采购管理方面，系统能够处理采购订单、供应商管理和采购入库等流程，确保采购过程的透明和高效。仓库管理方面，实现库存的精准管理，包括入库、出库、盘点等操作，确保库存数据的准确性和实时性。 生产管理模块则涵盖了生产计划制定、物料需求计划、
阅读更多...
C++——stack、queue的实现及deque的介绍

C++——stack、queue的实现及deque的介绍

目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2