RecyclerViewにリストカードを表示する

RecyclerViewにリストカードを表示するViewを作成したお話です。

Transcript

1. RecyclerViewに リストカードを 表示する shibuya.apk #21 2018/01/11 (Thu) @syarihu
2. Taichi Sato (@syarihu) • Money Forward, Inc. ◦ Android Engineer • TechBooster
3. TechBooster
4. 本題
5. ことの発端
6. これどうやって作るんだろう
7. 考えたこと • ViewGroupにaddViewする • ListViewをスクロールさせなくし て使う
8. ViewGroupにaddViewする • 実装したいと思ったときに これを毎回やるのつらそう • 汎用的に使えない
9. ListViewをスクロール させなくして使う • ViewGroupにaddViewするより は汎用的に使えそう • 必要のない機能までついてくるの で、なんだか微妙
10. もっと良い感じにできないだろうか
11. 自分で作ってみよう
12. カスタムビューを 作ってみる
13. 最低限欲しい機能 • Viewを使いまわしたい ◦ リストアイテムのViewを生成・保持 • 簡単にアイテムを操作したい ◦ リストアイテムの追加・変更・削除 • もっと見るしたい ◦ リストアイテムの表示数を制限
14. 基礎となるViewを作る
15. 基礎となるViewを作る
16. Adapterを作る
17. リストアイテムのViewを 生成・保持する
18. リストアイテムのViewを 生成・保持する
19. リストアイテムのViewを 生成・保持する
20. リストの変更をViewに反映する
21. リストの変更をViewに反映する • このObservableはRxJavaやDataBindingのObservableではな く、android.database.Observable
22. リストの変更をViewに反映する • このObservableはRxJavaやDataBindingのObservableではな く、android.database.Observable • RecyclerViewで利用されているものと同じ
23. リストの変更をViewに反映する
24. リストの変更をViewに反映する
25. リストの変更をViewに反映する
26. リストの変更をViewに反映する
27. リストアイテムの表示数を 制限する
28. リストアイテムの表示数を 制限する
29. リストアイテムの表示数を 制限する
30. リストアイテムの表示数を 制限する
31. リストアイテムの表示数を 制限する
32. xmlから属性を 変更できるようにする
33. xmlから属性を 変更できるようにする
34. xmlから属性を 変更できるようにする
35. サンプルコード
36. RecyclerListViewの Adapterを作る
37. RecyclerListViewの Adapterを作る
38. RecyclerListViewの Adapterを作る
39. RecyclerListViewの Adapterを作る
40. RecyclerViewの Adapterを実装する
41. 実行する
44. せっかく作ったので
45. ライブラリ化してみた
46. RecyclerListView • syarihu/RecyclerListView https://github.com/syarihu/RecyclerLi stView
47. RecyclerListView net.syarihu.android.library:RecyclerListView:0.1.0
48. 宣伝
50. DroidKaigi 2018 • Android WearのWatch Faceを 作ろう 〜時計の盤面に小さな情 報を添えて〜 ◦ 2018/02/09 17:40-18:10 ◦ Room 5
51. 家計簿アプリ『マネーフォワード』の Androidアプリエンジニア募集中！ ご興味があれば @syarihu まで
52. ご清聴ありがとうございました