好啦~ 本章要学习 RecyclerView 去显示列表了。这可是一个非常好用的列表控件，功能非常强大。

CriminalIntent应用对象图

添加新Fragment和ViewModel

这里用 ViewModel 的方式来存储 Crime 对象集合，新建了 CrimeListFragment 类，然后把新的 Fragment 给 MainActivity 托管。

ViewModel 生命周期与 fragment 关于在于：只要 fragment 视图还在屏幕上，ViewModel 就会一直处于活动状态。即使因设备旋转当前 fragment 实例不存在了，ViewModel 依然能保留下来，还可以供新的 fragment 实例使用。如果当前 fragment 被销毁，那么其关联 ViewModel 也随之销毁。这在用户按回退键退出当前应用界面时就会发生。另外，在托管 activity 使用不同的 fragment 替换当前 fragment 时，那么被替换的 fragment 和其关联的 ViewModel 一并销毁。但如果把 fragment 事务添加到回退栈，这种情况下即使 其他的 fragment 替换的当前的，他们也不会被销毁。

跟着敲代码滴啦！

CrimeListViewModel.kt：

class CrimeListViewModel : ViewModel() {

    var crimes = mutableListOf<Crime>()

    init {
        for (i in 0 until 100) {
            val crime = Crime()
            crime.title = "Crime #$i"
            crime.isSolved = i % 2 == 0
            crimes += crime
        }
    }
}

这里涉及到了 kotlin 创建可变的列表 mutableListOf ，有关 Kotlin 集合方面的知识点请参考：https://www.kotlincn.net/docs/reference/collections-overview.html 进行学习。

添加RecyclerView

crime_list_fragment.xml：

<?xml version="1.0" encoding="utf-8"?>
<androidx.recyclerview.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recyclerView_crimes"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingHorizontal="16dp"
    android:paddingVertical="8dp" />

然后在代码中，一定要给 RecyclerView 设置 LayoutManager， LayoutManager 的作用就是安排列表项出现的位置，并负责定义如何滚屏。

Android 操作系统提供了几个 LayoutManager 实现版本，第三方库也有一些实现版本，其中 LinearLayoutManager 可以竖直列表的形式摆放列表项。GridLayoutManager 是以网格的形式摆放列表项。

class CrimeListFragment : Fragment() {

    private var _binding: CrimeListFragmentBinding? = null
    private val mBinding get() = _binding!!

    companion object {
        fun newInstance() = CrimeListFragment()
    }

    private val crimeListViewModel: CrimeListViewModel by lazy {
        ViewModelProvider(this).get(CrimeListViewModel::class.java)
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _binding = CrimeListFragmentBinding.inflate(layoutInflater, container, false)
        mBinding.recyclerViewCrimes.layoutManager = LinearLayoutManager(context)
        return mBinding.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }

}

创建列表项视图布局

RecyclerView 是 ViewGroup 的子类。它显示的列表项都是一个个View子对象，因此又叫列表项View。然后就是写 item 项的布局喽。

item_crime.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:padding="8dp"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv_item_crime_title"
        android:layout_width="match_parent"
        android:text="Crime Title"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/tv_item_crime_date"
        android:layout_width="match_parent"
        android:text="Crime Date"
        android:layout_height="wrap_content" />
</LinearLayout>

ViewHolder实现

RecyclerView 的任务仅限于回收和摆放屏幕上的 View。还需要 ViewHolder 去引用列表项视图。

CrimeHolder 的构造函数首先接收并保存 view，然后将其作为值参传递给 RecyclerView.ViewHolder 的构造函数。

ViewHolder和它的itemView属性

RecyclerView 并不会创建 View，它只会创建 ViewHolder。

可视化的ViewHolder

由上图看出，ViewHolder 带着其引用着的 itemView 展现一行行列表项的。在显示的列表项View很复杂的情况下，ViewHolder会处理安排好各个itemView的不同部分视图，再以简单高效的方式展现Crime项。

private inner class CrimeHolder(val itemBinding: ItemCrimeBinding):RecyclerView.ViewHolder(itemBinding.root){

}

使用 Adapter 填充 RecyclerView

Adapter 是一个控制器对象，其作为沟通的桥梁，从模型层获取数据，然后提供给 RecyclerView 显示，它会创建必要的ViewHolder，绑定ViewHolder至模型层数据，它的这步的工作是 RecyclerView 叫它去做的。

private inner class CrimeAdapter(var crimes: List<Crime>) :
        RecyclerView.Adapter<CrimeHolder>() {

        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CrimeHolder {
            val itemCrimeBinding =
                ItemCrimeBinding.inflate(LayoutInflater.from(parent.context), parent, false)
            return CrimeHolder(itemCrimeBinding)
        }

        override fun onBindViewHolder(holder: CrimeHolder, position: Int) {
            val crime = crimes[position]
            holder.apply {
                itemBinding.tvItemCrimeTitle.text = crime.title
                itemBinding.tvItemCrimeDate.text = crime.date.toString()
            }
        }

        override fun getItemCount(): Int = crimes.size
    }

onCreateViewHolder(...)负责创建要显示的视图，将其封装到一个ViewHolder里并返回结果。

onBindViewHolder(...)负责将数据集里指定位置的crime数据发送给指定ViewHolder。

getItemCount() 负责返回数据集的大小。

Adapter是沟通的桥梁

生动有趣的RecyclerView-Adapter会话

为RecyclerView配置adapter

private fun updateUI() {
        var crimes = crimeListViewModel.crimes
        mAdapter = CrimeAdapter(crimes)
        mBinding.recyclerViewCrimes.adapter = mAdapter
}

循环使用视图

RecyclerView 有的它自己的缓存机制，缓存的对象是ViewHolder。它只创建刚好充满屏幕的View对象，用户滑动屏幕时，滚出屏幕的视图会被回收利用。

有关 RecyclerView 缓存机制原理，可以自行搜搜看看别人的解析，随意搜索了一篇博客仅供参考：

https://segmentfault.com/a/1190000040421118

清理绑定

这小结是在推荐把 ViewHolder 和Adapter 的工作进行分割，数据和视图的绑定工作都放在 CrimeHolder 里处理。

private inner class CrimeHolder(val itemBinding: ItemCrimeBinding) :
        RecyclerView.ViewHolder(itemBinding.root) {

        private lateinit var mCrime: Crime

        fun bind(crime: Crime) {
            this.mCrime = crime
            itemBinding.tvItemCrimeTitle.text = crime.title
            itemBinding.tvItemCrimeDate.text = crime.date.toString()
        }
    }

    private inner class CrimeAdapter(var crimes: List<Crime>) :
        RecyclerView.Adapter<CrimeHolder>() {

        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CrimeHolder {
            val itemCrimeBinding =
                ItemCrimeBinding.inflate(LayoutInflater.from(parent.context), parent, false)
            return CrimeHolder(itemCrimeBinding)
        }

        override fun onBindViewHolder(holder: CrimeHolder, position: Int) {
            val crime = crimes[position]
            holder.bind(crime)
        }

        override fun getItemCount(): Int = crimes.size
    }

响应点击

在 CrimeHolder 里面加上代码：

     init {
            itemBinding.root.setOnClickListener {
                Toast.makeText(
                    context,
                    "${mCrime.title} is pressed",
                    Toast.LENGTH_SHORT
                ).show()
            }
        }

深入学习：ListView与GridView

有关 ListView 与 GridView 都是传统的列表控件，全靠自己去优化以及扩展，扩展功能也比较复杂易出错，RecyclerView 可以完全涵盖它们的功能，并且已优化好，扩展性也很好，它出现后就完全替代了 ListView 和 GridView。

ListView api ： https://developer.android.com/reference/android/widget/ListView
GridView api：https://developer.android.com/reference/android/widget/GridView

自行选择性学习。

挑战练习：RecyclerView的ViewType

「 题目 」：请在 RecyclerView 中创建两类列表项：一般性 crime 和需警方介入的 crime。

这里需要借助 getItemViewType(Int) 函数，确定该加载哪个视图到 CrimeAdapter，具体代码参考结尾处提供的 Github 地址喔~

demo 效果如下：（丑丑的，反正目的先学会使用 RecyclerView 喽）

Demo

其他

具体代码 Demo 地址：
https://github.com/visiongem/AndroidGuideApp/tree/master/CriminalIntent