ホーム
2022.3.8

kotlin リストビュー（recycler view）を使う

recycler viewを使ってリスト表示します。
list_item.xml, MyData.kt, MyAdapter.ktを作っています。
activity_main.xmlにはrecycler viewと追加ボタンを貼り付けています。
list_item.xmlはリストの1件分を表示するためのレイアウトです。
1行ごとに削除ボタンもつけています。
リスト1件のデータをMyData.ktで定義しています。
RecyclerViewに表示するためにはアダプターが必要になるためMyAdapter.ktを作っています。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rcvSample"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="60dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0" />

    <Button
        android:id="@+id/btnAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="ADD"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/rcvSample" />

</androidx.constraintlayout.widget.ConstraintLayout>

list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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:layout_height="wrap_content">

    <TextView
        android:id="@+id/txvId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/txvName"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/btnDelete"
        app:layout_constraintStart_toEndOf="@+id/txvId"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btnDelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

MyData.kt

data class MyData(
    val id: Int,
    val name: String
)

MyAdapter.kt

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Button
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
import com.example.samplerecyclerview.databinding.ListItemBinding

class MyAdapter(private val myList: MutableList<MyData>) : RecyclerView.Adapter<MyAdapter.ViewHolder>() {
    class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
        private val binding = ListItemBinding.bind(view)
        val id: TextView = binding.txvId
        val name: TextView = binding.txvName
        val btnDelete: Button = binding.btnDelete
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)
        return ViewHolder(view)
    }

    override fun getItemCount(): Int {
        return myList.size
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.id.text = myList[position].id.toString()
        holder.name.text = myList[position].name

        //Deleteボタンが押されたときに、その行を削除するようにしてみました。
        holder.btnDelete.setOnClickListener {
          myList.remove(myList[position])
            this.notifyItemRemoved(position)
        }
    }

    //Recyclerviewに1行追加する機能を持たせてみました。
    fun addList(myData: MyData) {
        myList.add(myData)
        this.notifyItemInserted(this.itemCount)
    }
}

MainActivity.kt

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.recyclerview.widget.LinearLayoutManager
import com.example.samplerecyclerview.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        //表示するリストを作成しています。
        val myList = mutableListOf<MyData>()
        myList.add(MyData(1, "USA"))
        myList.add(MyData(2, "Japan"))

        //作成したリストを使ってMyAdapterインスタンスを作成し、RecyclerviewのAdapterにセットしています。
        val myAd = MyAdapter(myList)
        binding.rcvSample.layoutManager = LinearLayoutManager(this)
        binding.rcvSample.adapter = myAd

        //Addボタンが押されたらRecyclerviewに1行追加しています。
        binding.btnAdd.setOnClickListener {
          val myAdapter = binding.rcvSample.adapter as MyAdapter
            val myData = MyData(myAdapter.itemCount + 1, "New")
            myAdapter.addList(myData)
        }
    }
}