Kotlin实战笔记——RecyclerView

Android开发主要负责的就是用户交互和数据展示，那么ListViwe和RecyclerView肯定是我们经常会用到的控件，那么Java实现RecyclerView大家应该都知道，但是RecyclerView的实现又是怎么样的呢？

Kotlin中使用RecyclerViwe

• 引入远程支持库

implementation 'com.android.support:recyclerview-v7:28.0.0'

• 创建项目准备数据，设置布局管理器，设置适配器，

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.support.v7.widget.LinearLayoutManager
import com.example.recyclerviewtest01.adapter.ListAdapter
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //准备数据
        val items = arrayListOf<String>()
        for (i in 10..50) {
            items.add("我是第${i}位同学")
        }
        //设置线性布局管理器
        my_rv.layoutManager = LinearLayoutManager(this)
        //设置适配器
        my_rv.adapter = ListAdapter(items, this)
    }
}

• 在MainActivity的布好局文件中放入RecyclerView

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <android.support.v7.widget.RecyclerView
            android:id="@+id/my_rv"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

</android.support.constraint.ConstraintLayout>

• 为每个Item设置布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:id="@+id/item_cl"
        android:layout_height="wrap_content">

    <TextView
            android:id="@+id/item_tv"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:text="TestRV"
            android:textSize="18sp"
            android:gravity="center"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"/>

</android.support.constraint.ConstraintLayout>

• 创建Adapter

import android.content.Context
import android.support.v7.widget.RecyclerView
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import com.example.recyclerviewtest01.R

/**
 * Created by Sin on 2019/1/20
 */
class ListAdapter(val datas: List<String>, val context: Context) : RecyclerView.Adapter<ListAdapter.InnerHolder>() {

    /**
     * 相当于getView()
     */
    override fun onCreateViewHolder(p0: ViewGroup, p1: Int): ListAdapter.InnerHolder {
        //加载View
        var itemView: View = LayoutInflater.from(context).inflate(R.layout.item_rv, p0, false)
        return InnerHolder(itemView)

    }

    /**
     * 得到总条数
     */
    override fun getItemCount(): Int = datas.size

    class InnerHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        var itemText: TextView = itemView.findViewById(R.id.item_tv)

    }

    /**
     * 绑定数据，View和数据绑定
     */
    override fun onBindViewHolder(p0: ListAdapter.InnerHolder, p1: Int) {
        //设置数据
        p0?.itemText?.text = datas[p1]

    }

}

• 效果图

  
  com.example.recyclerviewtest01.gif

• 总结：那么现在就完成了RecyclerView的简单使用，可以看到代码要比Java中实现简洁不少，还有很多等我们去发现。