开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第4天,点击查看活动详情
1.RecyclerView介绍
- RecyclerView是一个增强版的ListView(Android 5.0推出)。
- 被用来代替ListView和GridView控件,并且能够实现瀑布流的布局。
- 它更加高级并且更加灵活·,可提供更为高效的回收复用机制,同时实现管理与视图的解耦合。
2.RecyclerView控件的使用
步骤:
在项目的build.gradle中添加RecyclerView库的依赖。
implementation 'androidx.recyclerview:recyclerview:1.2.1'
在布局中加入RecyclerView控件和为RecyclerView的子项指定一个我们自定义的布局。
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="60dp">
<ImageView
android:id="@+id/fruitImage"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
/>
<TextView
android:id="@+id/fruitName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"/>
</LinearLayout>
自定义RecyclerView.Adapter适配器。
- 要创建一个Adapter类,该类继承于RecyclerView.Adapter,其中VH是我们在Adapter类中创建的一个继承于RecyclerView.ViewHolder的内部类。
- 该Adapter类主要有3个方法和一个自定义ViewHolder组成。
(1)onCreateViewHolder:创建ViewHolder并返回,后续item布局里控件都是从ViewHolder中取出
(2)onBindViewHolder:通过方法提供ViewHolder,将数据绑定到ViewHolder。
(3)getItemCount:获取数据源总的条数。
(4)viewHolder:这是RecyclerView.ViewHolder的实现类,可用于初始化item布局中的子控件。需要注意的是,在这个类的构造方法中需要传递item布局的View给父类。
class FruitAdapter(val fruitList:List<Fruit>):RecyclerView.Adapter<FruitAdapter.ViewHolder>(){
inner class ViewHolder(view: View):RecyclerView.ViewHolder(view){
val fruitName:TextView=view.findViewById(R.id.fruitName)
val fruitImage:ImageView=view.findViewById(R.id.fruitImage)
}
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
val view=LayoutInflater.from(parent.context).inflate(R.layout.fruit_item,parent,false)
return ViewHolder(view)
}
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
val fruit=fruitList[position]
holder.fruitImage.setImageResource(fruit.imageId)
holder.fruitName.text=fruit.name
}
override fun getItemCount(): Int {
return fruitList.size
}
}
RecyclerView绑定数据适配器。
private val fruitList = ArrayList<Fruit>()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
//初始化控件
val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
initFruits()
//设置RecyclerView布局管理器
val layoutManager = LinearLayoutManager(this)
recyclerView.layoutManager = layoutManager
//设置适配器
val adapter = FruitAdapter(fruitList)
recyclerView.adapter = adapter
}
private fun initFruits() {
repeat(2) {
fruitList.add(Fruit("Apple", R.drawable.apple_pic))
fruitList.add(Fruit("Banana", R.drawable.banana_pic))
fruitList.add(Fruit("Orange", R.drawable.orange_pic))
fruitList.add(Fruit("Watermelon", R.drawable.watermelon_pic))
fruitList.add(Fruit("Pear", R.drawable.pear_pic))
fruitList.add(Fruit("Grape", R.drawable.grape_pic))
fruitList.add(Fruit("Pineapple", R.drawable.pineapple_pic))
fruitList.add(Fruit("Strawberry", R.drawable.strawberry_pic))
fruitList.add(Fruit("Cherry", R.drawable.cherry_pic))
fruitList.add(Fruit("Mango", R.drawable.mango_pic))
}
}
}
下拉刷新
1.SwipeRefreshLayout控件的介绍
SwipeRefreshLayout控件是谷歌公司提供的下拉刷新控件,具有使用简单、灵活等特点。
SwipeRefreshLayout控件的方法有很大,这里只介绍常用的5个方法:
- isRefreshing()
判断当前的状态是否是刷新状态
- setColorSchemeResources()
设置下拉进度条的颜色主题,参数为可变参数,并且为资源ID,可以用来设置多种不同的颜色,没转一圈就显示一种颜色。
- setOnRefreshListener()
设置监听,需要重写onRefresh()方法顶部下拉时会调用这个方法。在里面实现请求数据的逻辑,设置下拉进度条消失等。
- setProgressBackgroundColorSchemeResource()
设置下拉进度条的背景颜色,默认为白色。
- setRefreshing(boolean refreshing)
设置刷新状态,true表示正在刷新,false表示取消刷新。
2.SwipeRefreshLayout控件的使用
添加依赖
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'
在RecyclerView的外面嵌套一层SwipeRefreshLayout,这样RecyclerView就拥有下拉刷新功能了。
<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
android:id="@+id/swipeRefresh"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
首先调用swipeRefreshLayout的setColorSchemeResources()方法设置下拉刷新进度条的颜色,接着调用swipeRefreshLayout的setOnRefreshListener()方法来设置一个下拉刷新的监听器,当触发了下拉刷新事件时,就去网络上请求最新的数据,然后再将这些数据展示出来。
val swipeRefresh:SwipeRefreshLayout=findViewById(R.id.swipeRefresh)
swipeRefresh.setColorSchemeResources(R.color.purple_200)
swipeRefresh.setOnRefreshListener {
thread {
Thread.sleep(2000)
runOnUiThread {
initFruits()
adapter.notifyDataSetChanged()
swipeRefresh.isRefreshing=false
}
}
}