欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

AndroidRecyclerView使用入门介绍,

来源: 开发者 投稿于  被查看 47374 次 评论:16

AndroidRecyclerView使用入门介绍,


目录
  • 添加 recycler 依赖
  • 设置单个列表项布局
    • 主布局中添加 recyclerview
  • RecyclerAdapter
    • 主 activity 注册
      • 成果图

        添加 recycler 依赖

        前往 build.gradle 下,添加以下依赖:

        implementation 'androidx.recyclerview:recyclerview:1.2.1'

        设置单个列表项布局

        众所周知,一个完整的列表是由多个列表项组成的,而列表项可以使用布局文件进行定义;

        我们简单的使用线性布局+一个 tv 组件定义列表项;

        下方为布局文件 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

        我们同样需要编写一个适配器来配置其对象关系;

        新建适配器文件 RecyclerAdapter.kt

        基本原理以及完善过程:

        1. 首先让主类继承 RecyclerView.Adapter ,泛型使用本类中的我们自建的 viewholder 方法
        2. 我们自创的 viewholder 方法需要继承 RecyclerView.ViewHolder
        3. 我们在 MyViewHolder 中直接获取列表项中的 TextView 组件
        4. 与此同时,我们还需要实现三个方法

        onCreateViewHolder:选择使用哪一个 layout 作为 viewholder,并放回该 layout 组成的 viewholder

        onBindViewHolder:针对 viewholder 内部组件的一些赋值与处理操作

        getItemCount:列表项需要渲染几个?

        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 差不多,只不过这里多设置了一个 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
            }
        }

        成果图

        到此这篇关于Android RecyclerView使用入门介绍的文章就介绍到这了,更多相关Android RecyclerView内容请搜索3672js教程以前的文章或继续浏览下面的相关文章希望大家以后多多支持3672js教程!

        您可能感兴趣的文章:
        • Android开发RecyclerView单独刷新使用技巧
        • Android开发RecyclerView实现折线图效果
        • Android 手写RecyclerView实现列表加载
        • Android开发使用RecyclerView添加点击事件实例详解
        • Android RecyclerView实现九宫格效果
        • Android Recyclerview实现左滑删除功能
        • Android RecyclerView缓存复用原理解析

        用户评论