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

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. 実行する

42. None
43. None

44. せっかく作ったので

45. ライブラリ化してみた

46. RecyclerListView • syarihu/RecyclerListView https://github.com/syarihu/RecyclerLi stView

47. RecyclerListView net.syarihu.android.library:RecyclerListView:0.1.0

48. 宣伝

49. None

50. DroidKaigi 2018 • Android WearのWatch Faceを 作ろう 〜時計の盤面に小さな情 報を添えて〜 ◦

    2018/02/09 17:40-18:10 ◦ Room 5

51. 家計簿アプリ『マネーフォワード』の Androidアプリエンジニア募集中！ ご興味があれば @syarihu まで

52. ご清聴ありがとうございました