【Kotlin】RecyclerViewに境界線(Divider)を表示する

RecyclerViewに境界線を表示する

RecycerViewの実装

まずは、RecyclerViewで、テキストのリスト表示を実装します。

build.gradle

MainActivity.kt

activity_main.xml

CustomAdapter.kt

list_item.xml

上記のコードを実装すると、テキストが表示されるだけの、シンプルなリストが実装できると思います。

RecyclerViewの実装に関しましては、以下の記事に詳しくまとめておりますので、そちらをご覧頂けたらと思います。

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

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

境界線の表示

では、境界線の表示方法について解説致します。

境界線を表示するには、RecyclerViewのaddItemDecoration()関数で、DividerItemDecorationを設定します。

MainActivityを修正して、境界線を表示してみましょう。

境界線が表示されましたね。

境界線のカスタマイズ

最後に、境界線の色や太さを変更する方法について解説致します。

境界線の色や太さを変更するには、setDrawable()関数で、境界線用のdrawableを設定します。

以下は、境界線の色を青にし、太さを2dpに変更するサンプルコードです。

divider.xml

MainActivity.kt

以上、RecyclerViewに境界線を表示する方法についてでした。