Kotlin使用滚动控件RecyclerView实例教程

更新时间：2022年12月02日 09:22:51 作者：Hdnw

RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。其可以实现数据纵向滚动,也可以实现横向滚动(ListView做不到横向滚动)。接下来讲解RecyclerView的用法

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>，其中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绑定数据适配器

class MainActivity : AppCompatActivity() {
    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))
        }
    }
}

效果如图：

3.实现横向滚动

瀑布流布局和网格布局

横向滚动

（1）对子布局进行修改

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="80dp"
    android:layout_height="wrap_content">
     <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>

（2）在MainActivity中加入一行代码

layoutManager.orientation=LinearLayoutManager.HORIZONTAL//表示让布局横行排列

效果图：

瀑布流布局

（1）对子布局进行修改

LinearLayout的宽度改为match_parent，因为瀑布流布局的宽度是根据布局的列数自动适配的，而不是一个固定值。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp">
     <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="left"
        android:layout_marginTop="10dp"/>
</LinearLayout>

（2）在MainActivity中加入一行代码

val layoutManager=StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL)

效果图：

网格布局

（1）在MainActivity中加入一行代码

val layoutManager=GridLayoutManager(this,3)

效果图：

4.RecyclerView的点击事件

与ListView不同的是，RecyclerView并没有提供类似于setOnItemClickListener（）这样的注册监听器，而是需要我们自己给子项具体的View去注册点击事件。

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view=LayoutInflater.from(parent.context).inflate(R.layout.fruit_item,parent,false)
        val viewHolder=ViewHolder(view)
        viewHolder.itemView.setOnClickListener {
            val position=viewHolder.bindingAdapterPosition
            val fruit=fruitList[position]
            Toast.makeText(parent.context,"你点击了${fruit.name}",Toast.LENGTH_SHORT).show()
        }
        viewHolder.fruitImage.setOnClickListener{
            val position=viewHolder.bindingAdapterPosition
            val fruit=fruitList[position]
            Toast.makeText(parent.context,"你点击了${fruit.name}的图片",Toast.LENGTH_SHORT).show()
        }
        return viewHolder
    }

效果图：

getAdapterPosition()方法被标记成了废弃问题：

官方放弃getAdapterPosition()方法，换成了getbindingAdapter()和getAbsoluteAdapterPosition()方法，当使用recyclerView的监听事件时，

getbindingAdapter()：表示单个数据源的单独位置。

getAbsoluteAdapterPosition()：表示多个数据源的位置。

5.下拉刷新

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
                }
            }
        }

到此这篇关于Kotlin使用滚动控件RecyclerView实例教程的文章就介绍到这了,更多相关Kotlin RecyclerView内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Android app启动节点与上报启动实例详解
系统的启动过程非常复杂,下面这篇文章主要给大家介绍了关于Android app启动节点与上报启动的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-04-04
Android 通过代码安装 APK的方法详解
这篇文章主要介绍了Android 通过代码安装 APK的方法详解,本文通过实例代码给大家介绍的非常详细，对大家的学习火锅工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-06-06
Android登录代码MVP架构详解
这篇文章主要为大家详细介绍了Android登录代码MVP架构的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
解决EditText、ListView以及GridView同时使用，输入法自动跳出来的方法
本篇文章是对在Android中EditText、ListView以及GridView同时使用，输入法自动跳出来的解决方法进行了详细的分析介绍，需要的朋友参考下
2013-05-05
Android实现带圆环的圆形头像
这篇文章主要为大家详细介绍了Android实现带圆环的圆形头像，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
Android studio 切换flutterSDK之后报错及解决办法(推荐)
这篇文章主要介绍了Android studio 切换flutterSDK之后报错及解决办法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-07-07
Flutter实现可以缩放拖拽的图片示例代码
这篇文章主要给大家介绍了关于利用Flutter实现可以缩放拖拽的图片的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Flutter具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-06-06
Cocos2d-x 3.0多线程异步加载资源实例
手机游戏，即便是休闲类的小游戏，往往也涉及大量纹理资源、音视频资源、文件读写以及网络通信，处理的稍有不甚就会出现画面卡顿，交互不畅的情况
2014-04-04
Android 将文件下载到指定目录的实现代码
本文通过实例代码给大家介绍了android将文件下载到指定目录的实现方法，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
2017-06-06
Android开发之TextView控件用法实例总结
这篇文章主要介绍了Android开发之TextView控件用法,结合实例形式总结分析了TextView控件常用的属性设置及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2016-02-02