SwipeRecyclerView 的侧滑实现，simple版，有引入包的过程

亦凉 2022-05-09 08:26 263阅读 0赞

参考链接：  
[SwipeRecyclerView][]

#### 效果图： ####

左滑，出现添加

![在这里插入图片描述][70]

### 博客内容 ###

1.  导包步骤
2.  易出错地方
3.  完整代码

##### 0. 导包步骤 #####

Gradle

implementation 'com.yanzhenjie:recyclerview-swipe:1.1.4'

在xml中引用SwipeRecyclerView：

<com.yanzhenjie.recyclerview.swipe.SwipeMenuRecyclerView
    ...
        />

##### 关键点，易出错地方 #####

1.  setWidth(),不是 setWeight();
2.  适配器的添加要放在menu创建完毕之后

// 创建菜单：
            SwipeMenuCreator mSwipeMenuCreator = new SwipeMenuCreator() {
                @Override
                public void onCreateMenu(SwipeMenu leftMenu, SwipeMenu rightMenu, int viewType) {
    
                    int width = getResources().getDimensionPixelOffset(R.dimen.dp_100);
                    int height = ViewGroup.LayoutParams.MATCH_PARENT;
                    // 注意：哪边不想要菜单，那么不要添加即可。
                    SwipeMenuItem addItem = new SwipeMenuItem(MainActivity.this)
                            .setBackground(R.drawable.selector_green)
                            .setImage(R.mipmap.ic_action_delete)
                            .setText("添加")
                            .setTextColor(Color.WHITE)
                            .setWidth(width)
                            .setHeight(height);
                    rightMenu.addMenuItem(addItem); // 添加菜单到右侧。
                }
            };
    // 设置监听器。
            swipeRecyclerView.setSwipeMenuCreator(mSwipeMenuCreator);
    
            SwipeMenuItemClickListener mMenuItemClickListener = new SwipeMenuItemClickListener() {
                @Override
                public void onItemClick(SwipeMenuBridge menuBridge) {
                    // 任何操作必须先关闭菜单，否则可能出现Item菜单打开状态错乱。
                    menuBridge.closeMenu();
                    int direction = menuBridge.getDirection(); // 左侧还是右侧菜单。
                    int adapterPosition = menuBridge.getAdapterPosition(); // RecyclerView的Item的position。
                    int menuPosition = menuBridge.getPosition(); // 菜单在RecyclerView的Item中的Position。
                    Toast.makeText(MainActivity.this, direction + " " + adapterPosition + " " + menuPosition, Toast.LENGTH_SHORT).show();
                }
            };
    
            // 菜单点击监听。
            swipeRecyclerView.setSwipeMenuItemClickListener(mMenuItemClickListener);
    
            // 添加适配器
            swipeRecyclerView.setAdapter(adapter);

##### 完整代码 #####

colors.xml

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="red_normal">#FF0000</color>
        <color name="red_pressed">#FF6666</color>
        <color name="green_normal">#37C000</color>
        <color name="green_pressed">#30A070</color
    </resources>

dimens.xml

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        <dimen name="dp_200">200dp</dimen>
        <dimen name="dp_100">100dp</dimen>
        <dimen name="dp_70">70dp</dimen>
        <dimen name="dp_10">10dp</dimen>
        <dimen name="dp_2">2dp</dimen>
    </resources>

recyclerview\_demo\_item.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?selectableItemBackground"
        android:gravity="center_vertical"
        android:minHeight="@dimen/dp_70"
        android:padding="@dimen/dp_10">
    
        <TextView
            android:id="@+id/name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            tools:text="Testing"/>
    
    </LinearLayout>

RecycleDemoAdapter.java

import android.content.Context;
    import android.support.annotation.NonNull;
    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 java.util.List;
    
    public class RecycleDemoAdapter extends RecyclerView.Adapter<RecycleDemoAdapter.MyHolder> {
    
        private Context context;   // 方便视图的操作
        private List<String> list;
        public  RecycleDemoAdapter(Context context,List<String> list)
        {
            this.context = context;
            this.list = list;
        }
    
        //
    //    public void update(List<String> list)
    //    {
    //        this.list = list;
    //        notifyDataSetChanged();
    //    }
        // 获取 item 的布局
        @NonNull
        @Override
        public MyHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
            View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recyclerview_demo_item,viewGroup,false);
            MyHolder myHolder = new MyHolder(view);
            return myHolder;
        }
        @Override
        public int getItemCount() {
            return list.size();
        }
    
        // 绑定类
        public class MyHolder extends RecyclerView.ViewHolder {
            TextView textView;
            public MyHolder(@NonNull View itemView) {
                super(itemView);
                textView = itemView.findViewById(R.id.name);
            }
        }
        //   实际绑定 item 操作
        @Override
        public void onBindViewHolder(@NonNull MyHolder myHolder, final int position) {
            String s = list.get(position);
            myHolder.textView.setText(s);
    //        myHolder.textView.setOnClickListener(new View.OnClickListener() {
    //            @Override
    //            public void onClick(View v) {
    //                Toast.makeText(context, "点击了:"+list.get(position), Toast.LENGTH_SHORT).show();
    //            }
    //        });
        }
    
    }

ic\_action\_delete.png（PS:这里是有图片的）  
![在这里插入图片描述][70 1]

MainActivity.java

import android.graphics.Color;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.support.v7.widget.LinearLayoutManager;
    import android.support.v7.widget.RecyclerView;
    import android.view.ViewGroup;
    import android.widget.Toast;
    
    import com.yanzhenjie.recyclerview.swipe.SwipeMenu;
    import com.yanzhenjie.recyclerview.swipe.SwipeMenuBridge;
    import com.yanzhenjie.recyclerview.swipe.SwipeMenuCreator;
    import com.yanzhenjie.recyclerview.swipe.SwipeMenuItem;
    import com.yanzhenjie.recyclerview.swipe.SwipeMenuItemClickListener;
    import com.yanzhenjie.recyclerview.swipe.SwipeMenuRecyclerView;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class MainActivity extends AppCompatActivity {
    
        private SwipeMenuRecyclerView swipeRecyclerView;
        private List<String> list = new ArrayList<>();
        private RecyclerView.Adapter adapter;
        private LinearLayoutManager layoutManager;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            loadCH();
        }
    
        private void loadCH() {
    
            swipeRecyclerView = findViewById(R.id.swipeRecyclerView);
     向list 里添加数据
            addData();
            adapter = new RecycleDemoAdapter(this, list);
            //        设置 recyclerView 的 布局管理器
    //        就是 recyclerview 的显示效果
            layoutManager = new LinearLayoutManager(this);
            layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
            swipeRecyclerView.setLayoutManager(layoutManager);
    
            // 创建菜单：
            SwipeMenuCreator mSwipeMenuCreator = new SwipeMenuCreator() {
                @Override
                public void onCreateMenu(SwipeMenu leftMenu, SwipeMenu rightMenu, int viewType) {
    
                    int width = getResources().getDimensionPixelOffset(R.dimen.dp_100);
                    int height = ViewGroup.LayoutParams.MATCH_PARENT;
                    // 注意：哪边不想要菜单，那么不要添加即可。
                    SwipeMenuItem addItem = new SwipeMenuItem(MainActivity.this)
                            .setBackground(R.drawable.selector_green)
                            .setImage(R.mipmap.ic_action_delete)
                            .setText("添加")
                            .setTextColor(Color.WHITE)
                            .setWidth(width)
                            .setHeight(height);
                    rightMenu.addMenuItem(addItem); // 添加菜单到右侧。
                }
            };
    // 设置监听器。
            swipeRecyclerView.setSwipeMenuCreator(mSwipeMenuCreator);
    
            SwipeMenuItemClickListener mMenuItemClickListener = new SwipeMenuItemClickListener() {
                @Override
                public void onItemClick(SwipeMenuBridge menuBridge) {
                    // 任何操作必须先关闭菜单，否则可能出现Item菜单打开状态错乱。
                    menuBridge.closeMenu();
                    int direction = menuBridge.getDirection(); // 左侧还是右侧菜单。
                    int adapterPosition = menuBridge.getAdapterPosition(); // RecyclerView的Item的position。
                    int menuPosition = menuBridge.getPosition(); // 菜单在RecyclerView的Item中的Position。
                    Toast.makeText(MainActivity.this, direction + " " + adapterPosition + " " + menuPosition, Toast.LENGTH_SHORT).show();
                }
            };
    
            // 菜单点击监听。
            swipeRecyclerView.setSwipeMenuItemClickListener(mMenuItemClickListener);
    
            // 添加适配器
            swipeRecyclerView.setAdapter(adapter);
        }
    
        private void addData() {
            for (int i = 0; i < 100; i++) {
                list.add("开心：" + i);
            }
    
        }
    
    }

[SwipeRecyclerView]: https://github.com/yanzhenjie/SwipeRecyclerView
[70]: /images/20220509/3e5a4f568b30458a8646ea026ee8036c.png
[70 1]: /images/20220509/73e1e688f122474bb850419901c39b7b.png