【Kotlin】RecyclerViewでグリッド表示を実装する方法を解説

RecyclerViewでグリッド表示を実装する

以下は、RecyclerViewでグリッド表示を実装したサンプルコードです。

build.gradle

Animal.kt

CustomAdapter.kt

list_item.xml

MainActivity.kt

activity_main.xml

RecyclerViewの実装方法に関しましては、以下の記事にまとめておりますので、そちらをご覧ください。

【Kotlin基礎】RecyclerViewで項目を一覧表示させる方法を解説

ユーザー情報などの一覧を表示したい場合、RecyclerViewを使用する事で実装できます。RecyclerViewは、他のViewと比べると少し難易度が高いですが、使いこなせれば、実装できるアプリの幅が格段に広がります。本記事では、そんなRecyclerViewの実装方法を、サンプルコードを交え、わかりやすく解説致します。

グリッド表示に関する実装は、MainActivityの16行目の部分です。RecycerViewのLayoutManagerに、GridLayoutManagerを指定することで、グリッド表示を実装できます。

GridLayoutManagerの第１引数には、Contextを指定します。

第２引数には、何列で表示するかを指定します。

第３引数には、RecyclerViewの方向を指定します。RecyclerView.VERTICALを指定すると縦方向、RecyclerView.HORIZONTALを指定すると横方向にスクロールされます。

第４引数には、レイアウトを反転させるかどうかを指定します。trueを指定すると、レイアウトが反転します。以下は、左がfalseを指定した場合、右がtrueを指定した場合の画像です。

以上、RecyclerViewでグリッド表示を実装する方法についてでした。