目的#
- 由于Recyclerview顯示的內容可能為不同類型的數據,對應的布局也不同。為了適應一種或多種都能顯示,設計一種模式,能否兼容。
- 傳統做法,在每個Adapter中復寫
getItemViewType
,返回相應的ViewHolder的Type,然后在onCreateViewHolder
中對ViewType進行判斷,返回相應的ViewHolder。 - 文章需要解決的問題就是2,只需寫相應的ViewHolder而不用去修改Adapter
- 本文參考文章
http://www.lxweimin.com/p/c6a44e18badb
http://blog.csdn.net/maiduoudo/article/details/54619448
效果圖
思路
實現支持多類型單ViewHolder的Adapter
- 實現BaseViewHolder
所有用到的ViewHolder的父類,擁有泛型<T>和抽象方法abstract fun setData(t: T, position: Int, adapter: BaseAdapter<T>)
- 實現BaseAdapter
繼承RecyclerView.Adapter<BaseViewHolder<T>>()
,擁有參數var mList: ArrayList<T>? = null
供Adapter設置數據源
實現支持多類型多ViewHolder的Adapter
實現基類Visitable
所有實體類的父類,并帶有抽象方法abstract fun type(typeFactory: TypeFactory): Int
實現類型解析工廠TypeFactory
基類Visitable抽象方法type中的參數,提供解析實體類的類型實現MultiTypeAdapter
MultiTypeAdapter是一個通用的、支持一個或多個類型數據的Adapter
實現支持多類型單ViewHolder的Adapter
針對同一類型的數據顯示,只需單一的ViewHolder即可完成所有展示任務,但是對于不同的數據類型,也可以支持。
- BaseViewHolder
抽象的BaseViewHolder,帶有泛型<T>和抽象方法setData供設置數據
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>)
}
- BaseAdapter
BaseAdapter帶有參數mList作為數據源,并在onBindViewHolder中實現點擊事件。
open class BaseAdapter<T> : RecyclerView.Adapter<BaseViewHolder<T>>() {
var mList: ArrayList<T>? = null // 數據源
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.實現如上兩步,自己寫一個ViewHolder,在加一個數據源就可以展示數據了。如:
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
}
}
}
設置點擊事件
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到此就可以實現。
多類型多ViewHolder的Adapter
- 將每個layout的ID作為ViewHolder的Type
- 將每個ViewHolder需要展示的數據都繼承Visitable
- 在TypeFactory中注冊,在Adapter的getItemType方法中去獲取
Visitable
本例參照兩篇文章,實現兩種數據類型: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連個參數,Car有brand和price兩個參數。
TypeFactory
定義接口TypeFactory,將每種數據類型添加一個方法fun type(t: T): Int
。注意,這個T必須是Visitable或其子類。 createViewHolder
方法為根據具體的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里設置點擊事件等
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并不是構造函數的參數,所以有許多為空的判斷。可新增一個構造方法,將mList放入其中,這樣就不會每次都要去判斷為空了。
class MultiTypeAdapter : BaseAdapter<Visitable>() {
var typeFactory: TypeFactory = TypeFactoryForList()
override fun onBindViewHolder(holder: BaseViewHolder<Visitable>?, position: Int) {
holder?.setData(mList?.get(position)!!, position, this)// 設置數據
}
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)// 根據Type去獲取ViewHolder
}
override fun getItemCount(): Int {
return mList?.size!!
}
override fun getItemViewType(position: Int): Int {
return mList?.get(position)?.type(typeFactory)!!// 去獲取ViewHolder類型
}
}
調用
一段簡單的調用
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
通過上述的代碼編寫,基本可以實現多類型多ViewHolder在同一Recyclerview種顯示,并且可以很好的控制點擊事件
Question
- 為何在DogViewHolder和CarViewHolder要使用
Visitable
而不適用Dog
或Car
。并且在setData方法中使用了if判斷是否為Dog 或 Car? - 原因在于:
fun createViewHolder(type: Int, view: View): BaseViewHolder<Visitable>
這段代碼中,Kotlin在返回BaseViewHolder時,必須要實例化泛型<T>,而java代碼可以不實例化。DogViewHolder在創建時,這就會出現一下情況:
1.不聲明泛型<T>,就是文章上述所寫;
2.聲明泛型<T>為<Dog>,則在setData方法中的Dog并非我們之前定義的Dog,而是通過DogViewHolder聲明的,此時也需要用if去判斷是否為我們定義的Dog
上述兩種方式都需要去判斷,否則無法使用Dog中的參數。 - 若有更好的解決方式,可以提供。