Android基础三：RecyclerView组件的使用

刺骨的言语ヽ痛彻心扉 2024-03-31 16:10 58阅读 0赞

##  ##

**目录**

系列文章目录

前言

二、GridLayoutManager 网格布局

三、StaggeredGridLayoutManager 瀑布流布局

总结

--------------------

## 系列文章目录 ##

#### [Android基础一：Android UI基础容器![icon-default.png_t_M85B][]https://blog.csdn.net/m0\_58941767/article/details/127726407?spm=1001.2014.3001.5501][Android_Android UI_icon-default.png_t_M85B_https_blog.csdn.net_m0_58941767_article_details_127726407_spm_1001.2014.3001.5501] ####

#### [Android基础二：常见的几种组件![icon-default.png_t_M85B][]https://blog.csdn.net/m0\_58941767/article/details/128004641?spm=1001.2014.3001.5501][Android_icon-default.png_t_M85B_https_blog.csdn.net_m0_58941767_article_details_128004641_spm_1001.2014.3001.5501] ####

--------------------

## 前言 ##

本节我们来简单介绍RecyclerView组件，RecyclerView 是 Android 及其重要的一个高级 UI 控件，使用频率及其的高，APP 的 90%以上的页面都会使用的到。由于其出色的性能和插拔式的架构设计，被全世界广大开发者一致称赞。

--------------------

**一、LinerLayoutManager列表布局**

**1、横向列表**

![2d6efe4d1aaf4924a3606225a3af5025.png][]

recyclerView.layoutManager =LinearLayoutManager(context, HORIZONTAL,
    false)
    recyclerView.adapter = MyAdapter()

**2、纵向列表**

![d2022d5381c744c3ab38fea3e8dbde91.png][]

recyclerView.layoutManager =LinearLayoutManager(context, VERTICAL, false)
    recyclerView.adapter = MyAdapter()

**3、资源适配器**

inner class MyAdapter : RecyclerView.Adapter<ViewHolder>() {
     // 【必须复写】创建 ItemView 的 ViewHolder，用于后续的数据绑定
     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int):
    ViewHolder {
     val view
    =LayoutInflater.from(context).inflate(R.layout.item_view_staggered,
    parent, false) 
     return ViewHolder(view)
     }
     // 【必须复写】告诉 RecyclerView 列表上 item 的条数
     override fun getItemCount(): Int {
     return 20
     }
     // 【必须复写】item 的数据绑定
     override fun onBindViewHolder(holder: ViewHolder, position: Int) {
     
    holder.itemView.item_head.setImageResource(R.drawable.icon_jetpack)
     holder.itemView.item_name.text = "【${position}】移动端架构师体
    系课"
     holder.itemView.item_message.text =
     "移动开发“两极分化”，没有差不多的“中间层,唯有尽早成长为架构师，
    你的职业道路才能走的更远更稳"
     }
     }
     // 创建一个 ViewHolder 必须继承自 RecyclerView.ViewHolder。用于后续的数据
    绑定
    inner class ViewHolder(itemView: View) :
    RecyclerView.ViewHolder(itemView) {
     }

## 二、GridLayoutManager 网格布局 ##

### ![7ef5acdcac104d36bc02b9d67499f2d4.png][] ###

recyclerView.layoutManager = GridLayoutManager(context, 2)
    recyclerView.adapter = MyAdapter()

## 三、**StaggeredGridLayoutManager 瀑布流布局** ##

![6a47b3c205994a5f9915e6c5ca9de117.png][]

recyclerView.layoutManager =StaggeredGridLayoutManager(2, VERTICAL)
    recyclerView.adapter = MyAdapter()

## 总结 ##

![f31c2d40b9cb4b0bb8ab036016afa756.png][]

[icon-default.png_t_M85B]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/adb42d56591f4e3f82be269df8a00ee6.png
[Android_Android UI_icon-default.png_t_M85B_https_blog.csdn.net_m0_58941767_article_details_127726407_spm_1001.2014.3001.5501]: https://blog.csdn.net/m0_58941767/article/details/127726407?spm=1001.2014.3001.5501
[Android_icon-default.png_t_M85B_https_blog.csdn.net_m0_58941767_article_details_128004641_spm_1001.2014.3001.5501]: https://blog.csdn.net/m0_58941767/article/details/128004641?spm=1001.2014.3001.5501
[2d6efe4d1aaf4924a3606225a3af5025.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/770639af096545dba5a23e947c8db072.png
[d2022d5381c744c3ab38fea3e8dbde91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/212cfc44afc24fb49e92823beb8f95b6.png
[7ef5acdcac104d36bc02b9d67499f2d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/1843db83f21a42a595ce54bbee4eb6bd.png
[6a47b3c205994a5f9915e6c5ca9de117.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/974e47c0a6984c52b4b70218020ceb62.png
[f31c2d40b9cb4b0bb8ab036016afa756.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/1f249765f51f4ef4baf591cfca7396e6.png