RecyclerView使用和原理解析

深碍√TFBOYSˉ_ 2023-10-01 22:51 25阅读 0赞

#### 文章目录 ####

*  前言
 *  一、RecyclerView三大件
 *  二、使用步骤
 *   *  1.引入库
     *  2.添加布局文件
     *  3.添加item布局文件
     *  4.添加适配器
     *  5.初始化布局
 *  三、原理分析
 *   *  1.适配器思想
     *  2.复用思想和回收策略
     *  3.组件关系
     *  4.缓存机制
 *  四、ListView缺点

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

## 前言 ##

RecyclerView是Android官方在5.0之后添加的控件，相比原来的ListView和GridView来讲更加灵活，接下来就来介绍一下RecyclerView的使用和原理分析

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

## 一、RecyclerView三大件 ##

*  回收池Recycler：能回收任意Item控件，并返回符合类型的Item控件
 *  适配器Adapter：辅助RecyclerView实现列表展开  
    适配器模式：将用户界面展示与交互分离
 *  RecyclerView：做触摸事件交互，主要实现边界值判断，根据用户触摸反馈，协调回收池对象与适配器对象间工作

## 二、使用步骤 ##

### 1.引入库 ###

代码如下：

implementation 'androidx.recyclerview:recyclerview:1.1.0'

### 2.添加布局文件 ###

代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rc_data"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginStart="10dp"
            android:layout_marginEnd="10dp"/>
    
    </FrameLayout>

### 3.添加item布局文件 ###

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_marginLeft="18dp"
        android:layout_marginTop="8dp"
        android:layout_marginRight="18dp"
        android:background="@drawable/item_bg">
    
        <ImageView
            android:id="@+id/content_iv"
            android:layout_width="75dp"
            android:layout_height="50dp"
            android:layout_margin="12dp"
            android:background="#C2EBF8"
            android:src="@mipmap/rc_data_img" />
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="12dp"
            android:layout_marginEnd="12dp"
            android:layout_marginBottom="12dp"
            android:orientation="vertical">
    
            <TextView
                android:id="@+id/title_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="标题"
                android:textColor="#333333"
                android:textSize="14sp"
                android:textStyle="bold" />
    
            <TextView
                android:id="@+id/content_tv"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="aaaaaaaaaaaaaaaaaaa。。。。aaaaaaaaa"
                android:textColor="#999999"
                android:textSize="14sp" />
    
        </LinearLayout>
    
    </LinearLayout>

### 4.添加适配器 ###

class RcAdapter(var context: Context) : RecyclerView.Adapter<RcAdapter.Holder>() {
        
    
        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): Holder {
        
            val inflate = from(context).inflate(R.layout.xingfa_rc_item, parent, false)
            return Holder(inflate)
        }
    
        override fun getItemCount(): Int {
        
            //模拟60条数据
            return 60
        }
    
        override fun onBindViewHolder(holder: Holder, position: Int) {
        
            holder.fazhiTest.text = "法制理念"
            holder.countTest.text = "0/4"
        }
    
        class Holder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        
            val fazhiTest: TextView = itemView.fa_zhi_tv
            val countTest: TextView = itemView.count_tv
        }
    }

### 5.初始化布局 ###

private fun initView() {
        
            //线性布局管理器
            inflate.rc_data.layoutManager = LinearLayoutManager(activity, RecyclerView.VERTICAL, false)
            //网格布局管理器
            inflate.rc_data.layoutManager = GridLayoutManager(activity,2)
            inflate.rc_data.adapter = RcAdapter(activity)
        }

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

## 三、原理分析 ##

### 1.适配器思想 ###

RecyclerView使用适配器模式，将用户界面展示与交互分离，其中主要有三个方法：

*  getItemCount：获取列表项的数目。
 *  onCreateViewHolder：创建整个布局的视图持有者。输入参数中包括视图类型，可根据视图类型加载不同的布局，从而实现带头部的列表布局。
 *  onBindViewHolder：绑定每项的视图持有者。

### 2.复用思想和回收策略 ###

*  第一屏加载：手机—>回收池(null)—>onCreateViewHolder()—>适配器view—>手机
 *  第二屏加载：手机上滑，底部空缺触发加载—>回收池找到view—>onBindViewHolder()—>适配器刷新—>重新添加进view中
 *  回收池回收策略：达到回收条件view，getViewType()—>根据type值，加入到回收池中，使用时则移出回收池返回给RecyclerView层

### 3.组件关系 ###

RecyclerView中各个组件间的关联关系：

*  RecyclerView——>viewHolder(view)<—>Adapter—>Datas
 *  RecyclerView—>layoutManager(加载布局)—>Recycler(回收池，管理view)—>viewHolder

由上面关联可知：RecyclerView只会和viewHolder进行接触，Adapter将data转化为viewHolder

RecyclerView还将自己作为View的 onMeasure()、onLayout()直接交给LayoutManager，onDraw()交给了ItemDecoration来绘制，引入了ItemAnimator来添加动画效果

### 4.缓存机制 ###

RecyclerView是通过内部类Recycler来管理缓存（四级缓存）

*  一级：屏幕内缓存
 *  二级：屏幕外缓存
 *  三级：自定义缓存
 *  四级：缓存池

缓存策略：Recyclerview在获取ViewHolder时按四级缓存的顺序查找，如果没找到就创建。其中只有RecycledViewPool找到时才会调用 onBindViewHolder，其它缓存不会重新bindViewHolder

## 四、ListView缺点 ##

无动画，缓存（listView有两级）