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中实现简洁不少,还有很多等我们去发现。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。