Android为RecyclerView设置header和footer(RecyclerView.Adapter和BaseQuickAdapter两种方式)

在这里插入图片描述

RecyclerView.Adapter的方式

    private fun initView() {
        val list = arrayListOf<String>()
        repeat(9) {
            list.add(it.toString())
        }
        binding.rvList.adapter = MyAdapter(list)
        binding.rvList.layoutManager = LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false)
    }
package maka.components.myheaderfooter

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import android.widget.Toast
import androidx.recyclerview.widget.RecyclerView

private const val TYPE_HEADER = 0
private const val TYPE_NORMAL = 1
private const val TYPE_FOOTER = 2

class MyAdapter(private val list: ArrayList<String>) :
    RecyclerView.Adapter<MyAdapter.MyViewHolder>() {

    var headerView: View? = null
    var footerView: View? = null

    //根据viewType生成不同的View
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
        return when (viewType) {
            TYPE_HEADER -> {
                headerView =
                    LayoutInflater.from(parent.context)
                        .inflate(R.layout.item_recycler_header, parent, false)
                MyViewHolder(headerView!!)
            }
            TYPE_FOOTER -> {
                footerView =
                    LayoutInflater.from(parent.context)
                        .inflate(R.layout.item_recycler_footer, parent, false)
                MyViewHolder(footerView!!)
            }
            else -> {
                val itemView =
                    LayoutInflater.from(parent.context)
                        .inflate(R.layout.item_recycler_item, parent, false)
                MyViewHolder(itemView)
            }
        }
    }

    //将数据设置到item上
    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        //position-1是需要减去header的位置
        val realPosition = position - 1
        holder.tvTest?.text = list[realPosition]
    }

    //获取item总数,包括header和footer,否则会少数据
    override fun getItemCount(): Int {
        return list.size + 2//加上header和footer
    }

    //重写这个方法,很重要,是加入Header和Footer的关键,我们通过判断item的类型,从而绑定不同的view
    override fun getItemViewType(position: Int): Int {
        if (position == 0) return TYPE_HEADER
        if (position == itemCount - 1) return TYPE_FOOTER
        return TYPE_NORMAL
    }

    inner class MyViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        var tvTest: TextView? = null

        init {
            when (itemView) {
                footerView -> {
                    footerView?.setOnClickListener {
                        Toast.makeText(itemView.context, "footer", Toast.LENGTH_SHORT).show()
                    }
                }
                headerView -> {
                    headerView?.setOnClickListener {
                        Toast.makeText(itemView.context, "header", Toast.LENGTH_SHORT).show()
                    }
                }
                else -> {
                    tvTest = itemView.findViewById(R.id.tv_test)
                    tvTest?.setOnClickListener {
                        Toast.makeText(
                            itemView.context,
                            "" + (layoutPosition - 1),
                            Toast.LENGTH_SHORT
                        )
                            .show()
                    }
                }
            }
        }
    }

}


BaseQuickAdapter的方式

    //https://github.com/CymChad/BaseRecyclerViewAdapterHelper
    implementation "com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.4"
    private fun initView() {
        val list = arrayListOf<String>()
        repeat(9) {
            list.add(it.toString())
        }
        val adapter2 = MyAdapter2(R.layout.item_recycler_item)
        adapter2.data = list
        adapter2.addHeaderView(layoutInflater.inflate(R.layout.item_recycler_header, null))
        adapter2.addFooterView(layoutInflater.inflate(R.layout.item_recycler_footer, null))
        binding.rvList.adapter = adapter2
        binding.rvList.layoutManager =
            LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false)
    }
package maka.components.myheaderfooter

import android.widget.TextView
import android.widget.Toast
import com.chad.library.adapter.base.BaseQuickAdapter
import com.chad.library.adapter.base.viewholder.BaseViewHolder

class MyAdapter2(layoutResId: Int) : BaseQuickAdapter<String, BaseViewHolder>(layoutResId) {

    init {
        setOnItemClickListener { _, _, position ->
            Toast.makeText(context, "position=$position", Toast.LENGTH_SHORT).show()
        }
    }

    override fun convert(holder: BaseViewHolder, item: String) {
        val tvTest = holder.getView<TextView>(R.id.tv_test)
        tvTest.text = item
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以在 RecyclerView添加头部和尾部视图来实现添加 headerfooter 的效果。下面是一种常见的实现方式: 首先,你需要创建两个布局文件用作 headerfooter 的视图。例如,header_view.xml 和 footer_view.xml。 然后,在你的 RecyclerView 的适配器中,你需要创建两个常量来表示 headerfooter 的视图类型。例如,HEADER_VIEW_TYPE 和 FOOTER_VIEW_TYPE。 接下来,在适配器中,你需要重写以下几个方法: 1. getItemViewType(int position) 方法:根据 position 来返回相应的视图类型。如果 position 是 0,则返回 HEADER_VIEW_TYPE;如果 position 是数据集合的大小加上 1,则返回 FOOTER_VIEW_TYPE;否则返回普通的 item 类型。 2. onCreateViewHolder(ViewGroup parent, int viewType) 方法:根据 viewType 来创建对应的 ViewHolder。如果 viewType 是 HEADER_VIEW_TYPE 或 FOOTER_VIEW_TYPE,则使用相应的布局文件创建 ViewHolder;否则使用普通的 item 布局文件创建 ViewHolder。 3. onBindViewHolder(ViewHolder holder, int position) 方法:根据 position 来绑定数据到 ViewHolder。如果 position 是 HEADER_VIEW_TYPE 或 FOOTER_VIEW_TYPE,则不需要绑定数据;否则绑定普通的 item 数据。 最后,在你的 RecyclerView设置适配器,并在数据集合中添加对应的数据项作为 headerfooter。例如,使用以下代码: ``` MyAdapter adapter = new MyAdapter(dataList); adapter.addHeader(headerData); adapter.addFooter(footerData); recyclerView.setAdapter(adapter); ``` 请注意,上述代码中的 MyAdapter 是你自定义的 RecyclerView.Adapter 子类,其中包含了添加 headerfooter 的方法。 以上就是在 RecyclerView添加 headerfooter 的基本步骤。希望能对你有所帮助!如有需要,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值