android列表侧滑删除&置顶

先上一张效果图

20210420163551339.gif

这里是使用的第三方依赖库实现,详细的使用教程请访问github官方文档,功能很强大,star超过3.3K,引用官方的一句话“本控件不依赖任何父布局,不是针对 RecyclerView、ListView,而是任意的ViewGroup里的childView都可以使用侧滑(删除)菜单。”
SwipeDelMenuLayout

build.gradle(Project)

 maven { url "https://jitpack.io" }
复制代码

build.gradle(module)

implementation 'com.github.mcxtzhang:SwipeDelMenuLayout:V1.3.0'
复制代码

重点是他的使用,主要是在适配器的布局当中,我们使用如下父布局控件SwipeMenuLayout即可实现侧滑的效果。两个Button就是侧滑出现的内容。

<?xml version="1.0" encoding="utf-8"?>
<com.mcxtzhang.swipemenulib.SwipeMenuLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:clickable="true"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="59dp">
            <TextView
                android:id="@+id/tvName"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:text="202020"/>
        </LinearLayout>
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#d0d0d0"/>
    </LinearLayout>
    <Button
        android:id="@+id/btnTop"
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:background="#BEBEBE"
        android:text="置顶"
        android:textColor="@android:color/white"/>
    <Button
        android:id="@+id/btnDelete"
        android:layout_width="60dp"
        android:layout_height="match_parent"
        android:background="#ff0000"
        android:text="删除"
        android:textColor="@android:color/white"/>

</com.mcxtzhang.swipemenulib.SwipeMenuLayout>
复制代码

适配器中的代码,就是普通的RecyclerView适配器,我们只需要把删除、置顶的两个点击回调,写2个对应删除、置顶的方法即可。删除方法,就是list集合删除当前的position,然后notifyDataSetChanged一下就可以了,置顶方法就是list集合,添加当前的position到集合的起始位置。

class SampleAdapter(val list: ArrayList<String>): RecyclerView.Adapter<SampleAdapter.ViewHolder>() {
    inner class ViewHolder(view:View):RecyclerView.ViewHolder(view){
        val tvName:TextView=view.findViewById(R.id.tvName)
        val btnTop:TextView=view.findViewById(R.id.btnTop)
        val btnDelete:TextView=view.findViewById(R.id.btnDelete)
    }
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): SampleAdapter.ViewHolder {
        val view=LayoutInflater.from(parent.context).inflate(R.layout.item_sample,parent,false)
        return ViewHolder(view)
    }

    override fun getItemCount()=list.size

    override fun onBindViewHolder(holder: SampleAdapter.ViewHolder, position: Int) {
        holder.tvName.setText(list.get(position))

        //删除按钮
        holder.btnDelete.setOnClickListener {
            onItemClickDelete.invoke(it,position)
        }
        //置顶按钮
        holder.btnTop.setOnClickListener {
            onItemClickTop.invoke(it,position)
        }
    }

    //删除
    fun delete(position: Int){
        list.removeAt(position)
        notifyDataSetChanged()
    }
    //置顶
    fun top(position: Int){
        list.add(0,list.removeAt(position))
        notifyDataSetChanged()
    }

    lateinit var onItemClickDelete: (v: View, pos: Int) -> Unit//删除
    lateinit var onItemClickTop: (v: View, pos: Int) -> Unit//置顶
}
复制代码

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_sample"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>
复制代码

MainAcivity

 class MainActivity : AppCompatActivity() {
    private lateinit var rvSample:RecyclerView
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        rvSample=findViewById(R.id.rv_sample)

        //布局管理器
        val layoutManager=LinearLayoutManager(this)
        layoutManager.orientation=LinearLayoutManager.VERTICAL
        rvSample.layoutManager=layoutManager

        val list=ArrayList<String>()
        //集合添加数据
        for (i in 0..10){
            list.add("我是第${i}个")
        }

        val sampleAdapter=SampleAdapter(list)
        rvSample.adapter=sampleAdapter

        //置顶
        sampleAdapter.onItemClickTop={v,pos->
            sampleAdapter.top(pos)
        }
        //删除
        sampleAdapter.onItemClickDelete={v,pos->
            sampleAdapter.delete(pos)
        }

    }
}
复制代码
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享