Recycler View (1) 全体像とKotlinでの最単純実装

LayoutManager

仕様

プロジェクト生成

1. Fragment + ViewModel テンプレート選択 → Next 
2. Configure your projectで以下を設定
• Name: "RecyclerViewTemplate" 
• Language: Kotlin
• Use androidx.* artifacts にチェック
3. Finish　でおわり

ファイル一覧

一行分のレイアウトの作成 - each_row.xml

ファイル生成

1. app → res → layout → 右クリック New → Layout resource file を選択
2. New Resource Fileダイアログで以下を設定
• File name: each_row 
• Root element: LinearLayout
3. OK

ファイル編集

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
</LinearLayout>

<?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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.main.MainFragment">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="1dp"
        android:layout_marginTop="1dp"
        android:layout_marginEnd="1dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

ファイル 生成 

1. app → java → com... → 右クリック → New → Kotlin FIle/Class 選択
2. New Resource Fileダイアログで以下を設定
• File name: EachRowViewHolder
• Kind: Class
3. OK

ファイル編集

import android.view.View
import androidx.recyclerview.widget.RecyclerView
import kotlinx.android.synthetic.main.each_row.view.*

class EachRowViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
    val rowView1 = itemView.textView1
    val rowView2 = itemView.textView2
}

• 5行目：RecyclerVIew.ViewHolderを継承する。パラメターの itemViewは、一行分のレイアウトの each_row.xml。
• 6行目、7行目： 文字列のViewへの参照を保持する変数を用意。

ファイル生成

1. app → java → com... → 右クリック → New → Kotlin FIle/Class 選択
2. New Resource Fileダイアログで以下を設定
• File name: CustomAdapter
• Kind: Class
3. OK

ファイル編集

class CustomAdapter(): RecyclerView.Adapter() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): EachRowViewHolder {

        val layoutInflater = LayoutInflater.from(parent.context)
        val view = layoutInflater.inflate(R.layout.each_row, parent, false)

        val viewHolder =EachRowViewHolder(view)

        return viewHolder
    }

    override fun getItemCount(): Int {
        return 50
    }

    override fun onBindViewHolder(holder: EachRowViewHolder, position: Int) {
        holder.rowView1.text = "AAA" + position.toString()
        holder.rowView2.text = "BBB" + position.toString()
    }
}

MainFragment - MainFragment.kt

• RecyclerViewの送り込み(inflate)、
• Adapterの実体の生成、
• LayoutManagerの実体の生成、
• それら実体を RecyclerViewに格納する。

class MainFragment : Fragment() {

    companion object {
        fun newInstance() = MainFragment()
    }

    private lateinit var viewModel: MainViewModel

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        val view = inflater.inflate(R.layout.main_fragment, container, false)


        val adapter = CustomAdapter()

        val recyclerView = view.findViewById(R.id.recyclerView)

        recyclerView.adapter = adapter
        recyclerView.layoutManager = LinearLayoutManager(context,LinearLayoutManager.VERTICAL, false)

        return view
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        viewModel = ViewModelProviders.of(this).get(MainViewModel::class.java)
        // TODO: Use the ViewModel
    }

ビルドと動作確認