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中實現簡潔不少,還有很多等我們去發現。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。