Android Kotlin中RecyclerView的實現————第一行代碼

效果圖

  該項目是我在學習第一行代碼裏面使用Kotlin寫RecyclerView的時候寫的，有興趣的可以下載下來研究一下，效果如下：

             

            

例子下載

https://download.csdn.net/download/ljp345775/12450945

代碼實現 （以網格爲例）

1. 首先編寫listView需要的item的佈局item.xml ，代碼如下：

<?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="wrap_content"
    android:background="@drawable/linerlayout_water_selector"
    android:clickable="true"
    android:focusable="true"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageView
        android:id="@+id/iv_item_lv"
        android:layout_width="match_parent"
        android:src="@drawable/apple_pic"
        android:layout_height="50dp" />

    <TextView
        android:id="@+id/tv_item_lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_marginTop="10dp"
        android:text="apple"
        android:textSize="20dp" />

</LinearLayout>

效果如下：

2. 編寫RecyclerView的適配器adapter(需要繼承 RecyclerView.Adapter)，代碼如下：

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import android.widget.Toast
import androidx.recyclerview.widget.RecyclerView
import com.example.kotlindemo1.R
import com.example.kotlindemo1.beans.Fruit

/**
 * @作者： ljp
 * @時間： 2020/5/23 9:19
 * @描述：
 **/
class RecycGridAdapter(val context: Context, var data: List<Fruit>) :
    RecyclerView.Adapter<RecycGridAdapter.VH>() {

    //內部類 繼承
    inner class VH(v: View) : RecyclerView.ViewHolder(v) {
        val tv_item_lv: TextView = v.findViewById(R.id.tv_item_lv)
        val iv_item_lv: ImageView = v.findViewById(R.id.iv_item_lv)
    }

    //在該方法中創建ViewHolder
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): VH {
        val view = LayoutInflater.from(context).inflate(R.layout.item4, parent, false)
        var vh = VH(view)
        vh.itemView.setOnClickListener {
            //拿到用戶點擊的位置
            var position = vh.adapterPosition
            var fruit = data[position]
            Toast.makeText(context, "你點擊的了-》" + fruit.name, Toast.LENGTH_SHORT).show()
        }
        vh.itemView.setOnLongClickListener {
            //拿到用戶點擊的位置
            var position = vh.adapterPosition
            var fruit = data[position]
            Toast.makeText(context, "你長按了-》" + fruit.name, Toast.LENGTH_SHORT).show()
            true
        }
        return vh
    }
    override fun getItemCount(): Int {
        return data.size
    }
    //在該方法中數據綁定
    override fun onBindViewHolder(holder: VH, position: Int) {
        var fruit = data[position]
        holder.iv_item_lv.setImageResource(fruit.ImgId)
        holder.tv_item_lv.text = fruit.name
    }
}

3. 主界面中佈局代碼如下：

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activity.RecycGridActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

4. activity中的代碼如下：

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.recyclerview.widget.GridLayoutManager
import androidx.recyclerview.widget.LinearLayoutManager
import com.example.kotlindemo1.R
import com.example.kotlindemo1.adapter.RecycGridAdapter
import com.example.kotlindemo1.adapter.RecycVerticalAdapter
import com.example.kotlindemo1.beans.Fruit
import kotlinx.android.synthetic.main.activity_recycvertical.*

class RecycGridActivity : AppCompatActivity() {

    private lateinit var adapter: RecycGridAdapter
    private var data = ArrayList<Fruit>()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_recycgrid)
        supportActionBar?.title = "RecyclerView網格"
        initData()
        //佈局管理 3：代表網格中的列數
        var manager = GridLayoutManager(this,3)
        //初始化適配器
        adapter = RecycGridAdapter(this, data)
        recycView.layoutManager = manager
        recycView.adapter = adapter
    }

    private fun initData() {
        repeat(2) {
            data.add(Fruit("apple", R.drawable.apple_pic))
            data.add(Fruit("banana", R.drawable.banana_pic))
            data.add(Fruit("orange", R.drawable.orange_pic))
            data.add(Fruit("watermelon", R.drawable.watermelon_pic))
            data.add(Fruit("pear", R.drawable.pear_pic))
            data.add(Fruit("grape", R.drawable.grape_pic))
            data.add(Fruit("pineapple", R.drawable.pineapple_pic))
            data.add(Fruit("strawberry", R.drawable.strawberry_pic))
            data.add(Fruit("cherry", R.drawable.cherry_pic))
            data.add(Fruit("mango", R.drawable.mango_pic))
        }
    }
}

其他界面主要代碼

RecyclerView中主要控制佈局就是佈局管理者 主要有：
線性佈局管理： LinearLayoutManager
網格佈局管理：GridLayoutManager
瀑布流佈局管理：StaggeredGridLayoutManager

RecyclerView縱向

 //佈局管理
var manager = LinearLayoutManager(this)
//設置成縱向
 manager.orientation = LinearLayoutManager.VERTICAL

RecyclerView橫向

 //佈局管理
var manager = LinearLayoutManager(this)
//設置成橫向
 manager.orientation = LinearLayoutManager.HORIZONTAL

RecyclerView瀑布流

//3：代表有3列，第二個參數代表縱向或者橫向
var manager = StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL)

好了，其他具體的代碼在例子中都有，有興趣的小夥伴可以下載下來研究一下。