当前位置:   article > 正文

RecyclerView使用和原理解析_recyclerviewadapter

recyclerviewadapter


前言

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


一、RecyclerView三大件

  • 回收池Recycler:能回收任意Item控件,并返回符合类型的Item控件

  • 适配器Adapter:辅助RecyclerView实现列表展开
    适配器模式:将用户界面展示与交互分离

  • RecyclerView:做触摸事件交互,主要实现边界值判断,根据用户触摸反馈,协调回收池对象与适配器对象间工作

二、使用步骤

1.引入库

代码如下:

    implementation 'androidx.recyclerview:recyclerview:1.1.0'
  • 1

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>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46

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
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

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
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

三、原理分析

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有两级)

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号