快捷導(dǎo)航

Android RecyclerView使用入門介紹

更新時(shí)間：2022年10月10日 09:31:45 作者：知奕奕

RecyclerView是Android一個(gè)更強(qiáng)大的控件,其不僅可以實(shí)現(xiàn)和ListView同樣的效果,還有優(yōu)化了ListView中的各種不足。其可以實(shí)現(xiàn)數(shù)據(jù)縱向滾動,也可以實(shí)現(xiàn)橫向滾動(ListView做不到橫向滾動)。接下來講解RecyclerView的用法

添加 recycler 依賴

前往 build.gradle 下，添加以下依賴：

implementation 'androidx.recyclerview:recyclerview:1.2.1'

設(shè)置單個(gè)列表項(xiàng)布局

眾所周知，一個(gè)完整的列表是由多個(gè)列表項(xiàng)組成的，而列表項(xiàng)可以使用布局文件進(jìn)行定義；

我們簡單的使用線性布局+一個(gè) tv 組件定義列表項(xiàng)；

下方為布局文件 items.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingRight="20dp"
    android:paddingLeft="20dp">
    <TextView
        android:id="@+id/item_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:padding="15dp"
        android:text="tools"
        android:textColor="#353434"
        android:textSize="20sp"/>
</LinearLayout>

主布局中添加 recyclerview

添加方式和 listview 基本一致，很簡單：

<?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="match_parent">
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

RecyclerAdapter

我們同樣需要編寫一個(gè)適配器來配置其對象關(guān)系；

新建適配器文件 RecyclerAdapter.kt

基本原理以及完善過程：

首先讓主類繼承 RecyclerView.Adapter ，泛型使用本類中的我們自建的 viewholder 方法
我們自創(chuàng)的 viewholder 方法需要繼承 RecyclerView.ViewHolder
我們在 MyViewHolder 中直接獲取列表項(xiàng)中的 TextView 組件
與此同時(shí)，我們還需要實(shí)現(xiàn)三個(gè)方法

onCreateViewHolder：選擇使用哪一個(gè) layout 作為 viewholder，并放回該 layout 組成的 viewholder

onBindViewHolder：針對 viewholder 內(nèi)部組件的一些賦值與處理操作

getItemCount：列表項(xiàng)需要渲染幾個(gè)？

class RecyclerAdapter(val context: Context) : RecyclerView.Adapter<RecyclerAdapter.MyViewHolder>() {
    inner class MyViewHolder(view: View) : RecyclerView.ViewHolder(view) {
        val textView: TextView = view.findViewById(R.id.item_text)
    }
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
        val itemView = LayoutInflater.from(context).inflate(R.layout.items, parent, false)
        return MyViewHolder(itemView)
    }
    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        holder.textView.text = "this is $position"
    }
    override fun getItemCount(): Int {
        return 40
    }
}

主 activity 注冊

初始化 recyclerview 的方式和 listview 差不多，只不過這里多設(shè)置了一個(gè) layoutManager

依葫蘆畫瓢即可！

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        initRecycler()
    }
    fun initRecycler() {
        val adapter = RecyclerAdapter(this)
        val recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
        recyclerView.adapter = adapter
        val layoutManager = LinearLayoutManager(this)
        layoutManager.orientation = RecyclerView.VERTICAL
        recyclerView.layoutManager = layoutManager
    }
}