美文网首页
《Android编程权威指南》之使用RecyclerView显示

《Android编程权威指南》之使用RecyclerView显示

作者: 夜远曦白 | 来源:发表于2021-08-29 00:11 被阅读0次

    好啦~ 本章要学习 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

    相关文章

      网友评论

          本文标题:《Android编程权威指南》之使用RecyclerView显示

          本文链接:https://www.haomeiwen.com/subject/gcnmiltx.html