[Android] RecyclerView の基本的な設定

RecyclerView は、ListView をさらに進化させて柔軟にしたものだそうです。
cellをドラッグ&ドロップさせたり追加・消去などに強みを発揮するようですが、ここでは簡単な基本設定を試してみます。
 
device 2016 12 17 110210 170x300 - [Android] RecyclerView の基本的な設定

Android Studio 3.0.1
Android 8.1.0

 



RecyclerView

 
わかりやすい説明がGoogle Developerのリストとカードの作成にあります。最初にこのサンプルコードを元にして実際に動かしてみたいと思います。
 
RecyclerView - [Android] RecyclerView の基本的な設定
Ref: 図 1 RecyclerView ウィジェット
 
基本的にはListViewの進化形なので、ListViewがわかっていると理解しやすいです。
 
LayoutManagerはアイテムの位置調整を行い、 ビューの再利用(Recycle)する機能をもっているそうですが、ListViewでもconvertViewを駆使すればできていた事でしたが、あえて記述しなくても良くなったということでしょうか。
 

 

シンプルなサンプルコード

 
最初にRecyclerViewのライブラリーをbuild.gradleに追加しないといけません
com.android.support:recyclerview-v7
このバージョンはビルドツールのバージョンと合っていないとエラーになることもありますので、それぞれの環境で調整してください。
「File」「Project Structure…」「app」「Dependencies」「+」「1 Library dependency」から
「com.android.support:recyclerview-v7」を検索すると、今の環境で使えるバージョンが候補に挙がります。また、このバージョンが異なると他との整合が取れずにエラーかワーニングにあることがありますので、使っている環境に合わせる必要があります(つまり簡単にコピペするだけだとハマります)
 
build.gradle

 
以下、リストとカードの作成にあるサンプルコードを元に簡単なサンプルを作っててみます。
レイアウトのコードをLinearLayoutに入れました。
activity_main.xml

 
RecyclerView オブジェクトのハンドルを取得してレイアウト マネージャーに接続し、アダプターにデータセットを渡します。
データセットとして20個の要素を持つ配列で設定してみます。
MainActivity.java

 
Adapterですが、別ファイルとして作成しましたので、元の例と異なる箇所がでてきます。
MyAdapter.java

 
cellとなる部分はListViewと同じように要素のレイアウトで作ります
my_text_view.xml

 
ここで注意するところは、layout_heightを限定しないとセルの高さがとんでもなく広がってしまうことがあります。
 
これでリストがスクロールするRecyclerViewの簡単な例ができたと思います。
 
device 2016 12 15 184122 170x300 - [Android] RecyclerView の基本的な設定
 
しかし、これは境界ラインも無いしカスタマイズで作り込む必要があります。
逆にいうとListViewのカスタマイズには限界があったところを柔軟に拡張したということでしょうか。

 

画像とテキストのサンプルコード

 
いままでの例を元に、画像と文字列を組み合わせた構成されるcellを作ってみたいと思います。
また、データセットも追加・削除・移動を前提にするためArrayListを使います。
また双方向連結リストのLinkedListを使用すれば削除・追加などが早くなるようです。

120x120pix程度の画像を10枚用意してdrawableに入れます。
 
MainActivity.java

 
MyAdapter.java

 
activity_main.xml

 
cellのレイアウトは色々と設定しました
my_text_view.xml

 
strings.xml

 
バージョンなどは自分の環境に合わせてください
build.gradle

 

サンプル動画

 
少しはましになったでしょうか
 

 
 
関連ページ:

 
Reference:
リストとカードの作成 | Android Developers
RecyclerView | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加


 


ページのトップへ戻る




シェアする

  • このエントリーをはてなブックマークに追加

フォローする