先上一张效果图
这里是使用的第三方依赖库实现,详细的使用教程请访问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