RecyclerView 侧滑删除菜单 最简版 没有之一

最新推荐文章于 2022-07-30 17:08:50 发布
最新推荐文章于 2022-07-30 17:08:50 发布
阅读量1w 收藏 12
点赞数 5
分类专栏： Android 文章标签： android recyclervi 侧滑菜单
转载时请标明出处。https://blog.csdn.net/mhhyoucom?type=blog
本文链接：https://blog.csdn.net/mhhyoucom/article/details/78657622
版权

网上有很多关于侧面滑动菜单的代码和文章，有的包含了很多功能，有的比较简单但是用起来有很多限制，修改起来比较坑多。
这里我写了一个最简版的侧面滑动功能，实现了主要的左滑菜单功能。

效果图
在这里插入图片描述

一、添加自定义属性：
在values 中创建 attrs.xml 文件，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyRecyclerViewItem">
        <attr name="left_width" format="integer"/>
        <attr name="right_width" format="integer"/>
        <attr name="move_range" format="integer"/>
    </declare-styleable>
</resources>

二、列表item 模板
im_test_item.xml

<?xml version="1.0" encoding="utf-8"?>
<com.chenxing.searchjob.sdk.view.MyRecyclerViewItem xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/scroll_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none"
    app:move_range="20"
    app:right_width="200">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="20dp">

        <LinearLayout
            android:id="@+id/content_layout"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:orientation="vertical">


            <!--内容区域放置布局-->

            <TextView
                android:id="@+id/show"
                android:layout_width="1000dp"
                android:layout_height="200dp"
                android:background="@color/colorPrimaryDark"
                android:gravity="center_vertical"
                android:text="点击试试"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:textStyle="bold" />

            <!--内容区域放置布局结束-->

        </LinearLayout>

        <LinearLayout
            android:id="@+id/rightLayout"
            android:layout_width="140dp"
            android:layout_height="match_parent"
            android:layout_alignTop="@id/content_layout"
            android:layout_alignBottom="@id/content_layout"
            android:layout_toEndOf="@id/content_layout"
            android:background="@color/colorAccent"
            android:gravity="center"
            android:orientation="horizontal"
            android:weightSum="2">

            <!--自定义侧边菜单布局-->

            <TextView
                android:id="@+id/click"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:text="删除"
                android:textColor="#ffffff"
                android:textSize="26sp" />

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@color/colorPrimary"
                android:gravity="center"
                android:text="修改"
                android:textColor="#ff839dff"
                android:textSize="26sp" />

            <!--自定义侧边菜单布局结束-->

        </LinearLayout>

    </RelativeLayout>


</com.chenxing.searchjob.sdk.view.MyRecyclerViewItem>

三、自定义控件核心代码：
MyRecyclerViewItem.java

package com.chenxing.searchjob.sdk.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.HorizontalScrollView;

import io.rong.imkit.R;

public class MyRecyclerViewItem extends HorizontalScrollView {


    public MyRecyclerViewItem(Context context) {
        super(context);
        init(context,null);
    }

    public MyRecyclerViewItem(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public MyRecyclerViewItem(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    public static final String TAG=MyRecyclerViewItem.class.getSimpleName();
    private boolean isLeft = true;//默认左边
    private int rightLayoutWidth;
    private int leftLayoutWidth;
    private int range;

    public void setRightLayoutWidth(int rightLayoutWidth) {
        this.rightLayoutWidth = rightLayoutWidth;
    }

    public void setLeftLayoutWidth(int leftLayoutWidth) {
        this.leftLayoutWidth = leftLayoutWidth;
    }

    public void setRange(int range) {
        this.range = range;
    }

    private void init(Context context, AttributeSet attrs) {
        leftLayoutWidth = getScreenSize(getContext()).widthPixels;// recyclerview 宽度
        rightLayoutWidth = dp2px(getContext(),200);// 右边布局的宽度
        range = dp2px(getContext(), 30);// 移动多少开始切换阈值
        if (attrs!=null){
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyRecyclerViewItem);
            int indexCount = typedArray.getIndexCount();
            for (int i = 0; i < indexCount; i++) {
                int index = typedArray.getIndex(i);
                if (index==R.styleable.MyRecyclerViewItem_left_width){
                    leftLayoutWidth = typedArray.getInteger(index, 0)==0? leftLayoutWidth : dp2px(context, typedArray.getInteger(index, 0));
                }
                if (index==R.styleable.MyRecyclerViewItem_right_width){
                    rightLayoutWidth = typedArray.getInteger(index, 0)==0? rightLayoutWidth : dp2px(context, typedArray.getInteger(index, 0));
                }
                if (index==R.styleable.MyRecyclerViewItem_move_range){
                    range = typedArray.getInteger(index, 0)==0? range : dp2px(context, typedArray.getInteger(index, 0));
                }
            }
            typedArray.recycle();
        }
    }

    //适配器 bind 方法中调用
    public void apply() {
        isLeft = true;
        changeLayout();
        scrollTo(0, 0);
    }

    private void changeLayout() {
        try {
            ViewGroup mainLayout= (ViewGroup) getChildAt(0);
            ViewGroup left= (ViewGroup) mainLayout.getChildAt(0);
            ViewGroup right= (ViewGroup) mainLayout.getChildAt(1);
            if (left.getMeasuredWidth()== leftLayoutWidth && right.getMeasuredWidth()==rightLayoutWidth){
                Log.i(TAG, "changeLayout: no change");
                return;
            }
            ViewGroup.LayoutParams layoutParams = left.getLayoutParams();
            layoutParams.width = leftLayoutWidth;
            left.setLayoutParams(layoutParams);
            ViewGroup.LayoutParams layoutParams2 = right.getLayoutParams();
            layoutParams2.width = rightLayoutWidth;
            left.setLayoutParams(layoutParams);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public static DisplayMetrics getScreenSize(Context context){
        DisplayMetrics dm = new DisplayMetrics();
        WindowManager windowManager=(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
        windowManager.getDefaultDisplay().getMetrics(dm);
        return dm;
    }


    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_DOWN) {
            Log.i(getClass().getSimpleName(), "down");
            return true;
        }
        if (ev.getAction() == MotionEvent.ACTION_CANCEL || ev.getAction() == MotionEvent.ACTION_UP) {
            Log.i(getClass().getSimpleName(), "up");
            if (isLeft) {
                if (getScrollX() > range) {
                    isLeft = false;
                    smoothScrollTo(rightLayoutWidth, 0);
                } else {
                    smoothScrollTo(0, 0);
                }
            } else {
                if (getScrollX() < (rightLayoutWidth - range)) {
                    isLeft = true;
                    smoothScrollTo(0, 0);
                } else {
                    smoothScrollTo(rightLayoutWidth, 0);
                }
            }
            return true;
        }
        Log.i(getClass().getSimpleName(), "end");
        return super.onTouchEvent(ev);
    }


    public static int dp2px(Context context,float dpValue) {
        DisplayMetrics scale = context.getResources().getDisplayMetrics();
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpValue, scale);
    }
}

四、调用测试

布局内容：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/insertLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

java代码：

package com.chenxing.searchjob.sdk.view;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import com.chenxing.searchjob.sdk.base.activity.COMBaseActivity;

import io.rong.imkit.R;

public class TestClass extends COMBaseActivity {

    private String TAG = "IMListView";
    private RecyclerView recycler;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.im_test_class);
        recycler=findViewById(R.id.recycler);
        recycler.setLayoutManager(new LinearLayoutManager(this));
        recycler.setAdapter(new MyApr());
    }

    public static class VH extends RecyclerView.ViewHolder{

        public TextView show;
        public TextView click;
        public MyRecyclerViewItem recyclerViewItem;

        public VH(View itemView) {
            super(itemView);
            recyclerViewItem=itemView.findViewById(R.id.scroll_item);
            show=itemView.findViewById(R.id.show);
            click=itemView.findViewById(R.id.click);
        }
    }

    public static class MyApr extends RecyclerView.Adapter<VH>{

        @Override
        public VH onCreateViewHolder(ViewGroup parent, int viewType) {
            return new VH(LayoutInflater.from(parent.getContext()).inflate(R.layout.im_test_item, parent, false));
        }

        @Override
        public void onBindViewHolder(final VH holder, final int position) {
            //恢复状态
            holder.recyclerViewItem.apply();
            holder.show.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(holder.itemView.getContext(), "编号："+position, Toast.LENGTH_LONG).show();
                }
            });
            holder.click.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(holder.itemView.getContext(), "删除："+position, Toast.LENGTH_LONG).show();
                }
            });
        }

        @Override
        public int getItemCount() {
            return 10;
        }
    }

    @Override
    protected void onResume() {
        super.onResume();
    }

    @Override
    protected void onPause() {
        super.onPause();
    }


}

最简单侧滑菜单，因为他思路很容易理解，方便自己扩展调整，尤其布局调整很简单。
老鸟一看代码都不用我解释了。
对于新手这边解释一下；
主要是自定了item 的布局布局结构使用了HorizontalScrollView作为根节点；
每次bind时候计算一次尺寸进行布局，所以要调用apply 方法。
实现了touch处理事件，通过判断手指抬起的时候来处理滑动逻辑。
非常精简，RecyclerView 使用没有任何限制。
看完上面的左滑动 那么如果理解 右滑动菜单也是没有问题了！
如果对你有帮助请点点zan o

RecyclerView滑动删除Item
Austin的博客
03-02 577
RecyclerView仿Ios滑动删除
android实现菜单侧滑栏,Android侧滑-RecyclerView轻松实现高效的侧滑菜单
weixin_42512836的博客
05-26 967
原标题：Android侧滑-RecyclerView轻松实现高效的侧滑菜单一 前言利用系统类ItemTouchHelper实现简单高效的RecyclerView侧滑菜单!仿qq的侧滑,跟随滑动… 简单的侧滑点击删除,覆盖滑动… 二 知识准备ItemTouchHelper是Android系统提供的一个帮助类,可以很轻松的用它实现长按拖拽和侧滑删除功能(这里的是侧滑之后直接删除整条Item),下面来看...
自定义RecyclerView实现侧滑删除
05-10
自定义RecyclerView实现侧滑删除
RecyclerView实现滑动删除和拖拽功能
weixin_34183910的博客
02-23 185
源码传送门 前言 从Android 5.0开始，谷歌推出了新的控件RecyclerView，相对于早它之前的ListView，优点多多，功能强大，也给我们的开发着提供了极大的便利，今天自己学习一下RecyclerView轻松实现滑动删除及拖拽的效果，如下图。 这里写图片描述 相信研究过RecyclerView的同学，应该很清楚该怎么实现这样的效果，若是用ListView,这样的效果实现起来可能就有...
简单实现RecyclerView侧滑删除菜单，简单明了，移植性强
_淡然_花落_的专栏
07-04 1215
  一.序言   网上有很多实现该需求的，只是太多花哨的功能没用到，与自己项目需求契合性不高，用起来能用，但是改源码太麻烦，就自己写了个。二.步骤    要么重写recyclerview，要么重写item。我这里选择重写item。  2.1 实现item布局        如下图所示，你要把item的布局弄成下面这样。      布局文件是：&lt;?xml version="1.0" encod...
RecyclerView滑动动画删除
02-09
这篇文章主要为大家详细介绍了Android仿微信列表滑动删除之可滑动控件,具有一定的实用性和参考价值,感兴趣的小伙伴们可以参考一下这次是列表滑动删除.
RecyclerView侧滑删除菜单
07-04
recyclerview侧滑菜单https://blog.csdn.net/u012560369/article/details/80915881
RecyclerVIew的侧滑菜单，可删除
08-19
RecyclerVIew的侧滑菜单，可删除
SwipeRecyclerView：Android RecyclerView侧滑菜单与拖拽功能实现
"本文介绍了如何在Android应用中实现RecyclerView的高级功能，如侧滑菜单、滑动删除、长按拖拽、下拉刷新和上拉加载。这个库是基于SwipeMenu进行改造并修复了一些问题，创建出SwipeRecyclerView。库的设计并未深度...
RecyclerView版侧滑删除
04-03
滑动控件学习
RecyclerView的拖动、滑动删除
weixin_34200628的博客
06-04 353
前言 前些时候提到了下RecyclerView的点击事件的处理，今天再来说说RecyclerView的拖动、滑动删除。看完了以后你会发现RecyclerView是多么的犀利。比ListView简单的多了。 原理 主要是使用ItemTouchHelper.Callback类，在其中我们要用到的方法主要有 getMovementFlags...
Android RecyclerView实现滑动删除
01-03
本文实例为大家分享了RecyclerView实现滑动删除的具体代码，供大家参考，具体内容如下 package com.example.demo; import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.ItemTouchHelper; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.wi
RecyclerView的侧滑删除置顶等实现
pengyu1801的专栏
06-21 1255
项目中需要这个效果，是仿QQ的，资料参考：https://github.com/mcxtzhang/SwipeDelMenuLayoutRecyclerView的Activity:public class DeleteRecyclerViewActivity extends BaseActivity { private RecyclerView mRecyclerView; priva
RecyclerView Item拖拽/滑动删除
07-18
RecyclerView实现条目Item拖拽排序与滑动删除，详解教程异步博客：http://blog.csdn.net/yanzhenjie1003/article/details/51935982。
Android-一句代码搞定RecycleView侧滑菜单添加头部底部加载更多
08-12
本知识点主要探讨如何利用一句代码实现RecyclerView的侧滑菜单、添加头部和底部以及加载更多的功能。 首先，我们要了解RecyclerView的基本结构。RecyclerView通常包含一个Adapter，它负责将数据绑定到视图上。我们...
RecyclerView侧滑删除
05-10
安卓侧滑删除的简单实现，适用于新手，代码注释详细，
RecyclerView的滑动删除和排序
菜鸟的博客
06-18 1098
http://blog.csdn.net/javacainiao931121/article/details/51704672 根据上述网址的博客内容，在MainActivity中添加代码实现RecyclerView滑动删除和排序功能。
RecyclerView 实现拖拽、滑动删除
左丘梦凡的博客
07-30 1031
RecyclerView 拖拽、滑动删除
recyclerview仿qq滑动删除
滴水穿石，不断积累！
08-02 1832
Recyclerview实现仿QQ滑动删除
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值