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