Kotlin實(shí)現(xiàn)MultiTypeAdapter,RecyclerView顯示多類型ViewHolder

目的#

  1. 由于Recyclerview顯示的內(nèi)容可能為不同類型的數(shù)據(jù),對應(yīng)的布局也不同。為了適應(yīng)一種或多種都能顯示,設(shè)計(jì)一種模式,能否兼容。
  2. 傳統(tǒng)做法,在每個Adapter中復(fù)寫getItemViewType,返回相應(yīng)的ViewHolder的Type,然后在onCreateViewHolder中對ViewType進(jìn)行判斷,返回相應(yīng)的ViewHolder。
  3. 文章需要解決的問題就是2,只需寫相應(yīng)的ViewHolder而不用去修改Adapter
  4. 本文參考文章
    http://www.itdecent.cn/p/c6a44e18badb
    http://blog.csdn.net/maiduoudo/article/details/54619448
效果圖

思路

實(shí)現(xiàn)支持多類型單ViewHolder的Adapter

  1. 實(shí)現(xiàn)BaseViewHolder
    所有用到的ViewHolder的父類,擁有泛型<T>和抽象方法abstract fun setData(t: T, position: Int, adapter: BaseAdapter<T>)
  2. 實(shí)現(xiàn)BaseAdapter
    繼承RecyclerView.Adapter<BaseViewHolder<T>>(),擁有參數(shù)var mList: ArrayList<T>? = null供Adapter設(shè)置數(shù)據(jù)源

實(shí)現(xiàn)支持多類型多ViewHolder的Adapter

  1. 實(shí)現(xiàn)基類Visitable
    所有實(shí)體類的父類,并帶有抽象方法abstract fun type(typeFactory: TypeFactory): Int

  2. 實(shí)現(xiàn)類型解析工廠TypeFactory
    基類Visitable抽象方法type中的參數(shù),提供解析實(shí)體類的類型

  3. 實(shí)現(xiàn)MultiTypeAdapter
    MultiTypeAdapter是一個通用的、支持一個或多個類型數(shù)據(jù)的Adapter

實(shí)現(xiàn)支持多類型單ViewHolder的Adapter

針對同一類型的數(shù)據(jù)顯示,只需單一的ViewHolder即可完成所有展示任務(wù),但是對于不同的數(shù)據(jù)類型,也可以支持。

  1. BaseViewHolder
    抽象的BaseViewHolder,帶有泛型<T>和抽象方法setData供設(shè)置數(shù)據(jù)
abstract class BaseViewHolder<T> constructor(itemView: View) : RecyclerView.ViewHolder(itemView) {

    var context: Context = itemView.context

    abstract fun setData(t: T, position: Int, adapter: BaseAdapter<T>)
}
  1. BaseAdapter
    BaseAdapter帶有參數(shù)mList作為數(shù)據(jù)源,并在onBindViewHolder中實(shí)現(xiàn)點(diǎn)擊事件。
open class BaseAdapter<T> : RecyclerView.Adapter<BaseViewHolder<T>>() {
    var mList: ArrayList<T>? = null // 數(shù)據(jù)源
    override fun onBindViewHolder(holder: BaseViewHolder<T>?, position: Int) {
        if (onItemClickListener != null && holder != null) {
            holder.itemView.setOnClickListener({
                run {
                    onItemClickListener?.onRecyclerViewItemClick(position)
                }
            })
        }
    }
    override fun getItemCount(): Int {
        return 0
    }
    override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): BaseViewHolder<T> {
        return null!!
    }
    var onItemClickListener: OnRecyclerViewItemClickListener? = null
}

OnRecyclerViewItemClickListener.kt

interface OnRecyclerViewItemClickListener{
    fun onRecyclerViewItemClick(position: Int)
}

3.實(shí)現(xiàn)如上兩步,自己寫一個ViewHolder,在加一個數(shù)據(jù)源就可以展示數(shù)據(jù)了。如:

class MainListAdapter : BaseAdapter<ActivityInfo>() {

    override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): BaseViewHolder<ActivityInfo> {
        val view: View = LayoutInflater.from(parent?.context).inflate(R.layout.item_main, parent, false)
        return MainHolder(view)
    }

    override fun onBindViewHolder(holder: BaseViewHolder<ActivityInfo>?, position: Int) {
        holder?.setData(mList?.get(position)!!, position, this)
        super.onBindViewHolder(holder, position)
    }

    override fun getItemCount(): Int {
        if (mList != null)
            return (mList as ArrayList<ActivityInfo>).size
        else
            return 0
    }

    class MainHolder constructor(itemView: View) : BaseViewHolder<ActivityInfo>(itemView) {

        var tvTitle: TextView = itemView.findViewById(R.id.tv_title)
        var tvContent: TextView = itemView.findViewById(R.id.tv_content)

        override fun setData(t: ActivityInfo, position: Int, adapter: BaseAdapter<ActivityInfo>) {
            tvTitle.text = t.title
            tvContent.text = t.content
        }
    }
}

設(shè)置點(diǎn)擊事件

adapter.onItemClickListener = (object : OnRecyclerViewItemClickListener {
            override fun onRecyclerViewItemClick(position: Int) {
                makeShortToast(activity, "title = ${results[position].title} , content =${results[position].content}")
                val intent = Intent(this@MainActivity,DestinationActivity::class.java)
                startActivity(intent)
            }
        })

多類型但是單ViewHolder的Adapter到此就可以實(shí)現(xiàn)。

多類型多ViewHolder的Adapter

  1. 將每個layout的ID作為ViewHolder的Type
  2. 將每個ViewHolder需要展示的數(shù)據(jù)都繼承Visitable
  3. 在TypeFactory中注冊,在Adapter的getItemType方法中去獲取

Visitable

本例參照兩篇文章,實(shí)現(xiàn)兩種數(shù)據(jù)類型:Animal和Car,其中Animal有Mouse、Duck、Dog。

abstract class Visitable {
    abstract fun type(typeFactory: TypeFactory): Int
}

abstract class Animal : Visitable()

class Dog(val name: String = "Dog") : Animal() {
    var age: Int = 1

    override fun type(typeFactory: TypeFactory): Int {
        return typeFactory.type(this)
    }
}

class Car(val brand: String = "BENZ") : Visitable() {
    var price = 100000
    override fun type(typeFactory: TypeFactory): Int {
        return typeFactory.type(this)
    }
}

其中,Dog有name和age連個參數(shù),Car有brand和price兩個參數(shù)。

TypeFactory

定義接口TypeFactory,將每種數(shù)據(jù)類型添加一個方法fun type(t: T): Int。注意,這個T必須是Visitable或其子類。 createViewHolder方法為根據(jù)具體的typeId返回ViewHolder

interface TypeFactory {
    fun type(dog: Dog): Int
    fun type(car: Car): Int

    fun createViewHolder(type: Int, view: View): BaseViewHolder<Visitable>
}

class TypeFactoryForList : TypeFactory {

    override fun type(dog: Dog) = R.layout.item_top
    override fun type(car: Car) = R.layout.item_image

    override fun createViewHolder(type: Int, view: View): BaseViewHolder<Visitable> {
        when (type) {
            R.layout.item_top -> {
                return DogViewHolder(view)
            }
            R.layout.item_image -> {
                return CarViewHolder(view)
            }
            else -> return DogViewHolder(view)
        }
    }
}

DogViewHolder和CarViewHolder

我們可以在setData里設(shè)置點(diǎn)擊事件等

class DogViewHolder constructor(view: View) : BaseViewHolder<Visitable>(view) {

    override fun setData(t: Visitable, position: Int, adapter: BaseAdapter<Visitable>) {
        if (t is Dog)
            Log.e("DogViewHolder", "I'm Dog. My name is ${t.name} , my age is ${t.age}")
    }
}

MultiTypeAdapter編寫

由于mList并不是構(gòu)造函數(shù)的參數(shù),所以有許多為空的判斷??尚略鲆粋€構(gòu)造方法,將mList放入其中,這樣就不會每次都要去判斷為空了。

class MultiTypeAdapter : BaseAdapter<Visitable>() {

    var typeFactory: TypeFactory = TypeFactoryForList()

    override fun onBindViewHolder(holder: BaseViewHolder<Visitable>?, position: Int) {
        holder?.setData(mList?.get(position)!!, position, this)// 設(shè)置數(shù)據(jù)
    }

    override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): BaseViewHolder<Visitable> {
        val view: View = LayoutInflater.from(parent?.context).inflate(viewType, parent, false)
        return typeFactory.createViewHolder(viewType, view)// 根據(jù)Type去獲取ViewHolder
    }

    override fun getItemCount(): Int {
        return mList?.size!!
    }

    override fun getItemViewType(position: Int): Int {
        return mList?.get(position)?.type(typeFactory)!!// 去獲取ViewHolder類型
    }
}

調(diào)用

一段簡單的調(diào)用

val rvList = findViewById<RecyclerView>(R.id.rv_destination)
        val list: ArrayList<Visitable> = ArrayList()
        val dog: Dog = Dog("Dog1")
        val car: Car = Car("Car1")
        list.add(dog)
        list.add(dog)
        list.add(car)
        list.add(car)

        val adapter = DestinationAdapter()
        adapter.mList = list
        val layoutManager = LinearLayoutManager(this)
        layoutManager.orientation = LinearLayout.VERTICAL
        rvList.layoutManager = layoutManager
        rvList.adapter = adapter

通過上述的代碼編寫,基本可以實(shí)現(xiàn)多類型多ViewHolder在同一Recyclerview種顯示,并且可以很好的控制點(diǎn)擊事件

Question

  • 為何在DogViewHolder和CarViewHolder要使用Visitable而不適用DogCar。并且在setData方法中使用了if判斷是否為Dog 或 Car?
  • 原因在于:fun createViewHolder(type: Int, view: View): BaseViewHolder<Visitable>這段代碼中,Kotlin在返回BaseViewHolder時,必須要實(shí)例化泛型<T>,而java代碼可以不實(shí)例化。DogViewHolder在創(chuàng)建時,這就會出現(xiàn)一下情況:
    1.不聲明泛型<T>,就是文章上述所寫;
    2.聲明泛型<T>為<Dog>,則在setData方法中的Dog并非我們之前定義的Dog,而是通過DogViewHolder聲明的,此時也需要用if去判斷是否為我們定義的Dog
    上述兩種方式都需要去判斷,否則無法使用Dog中的參數(shù)。
  • 若有更好的解決方式,可以提供。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容