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

Da5a59469ce3ebb55619ce34f85f8c4f?s=47 syarihu
January 11, 2018

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

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

Da5a59469ce3ebb55619ce34f85f8c4f?s=128

syarihu

January 11, 2018
Tweet

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. ご清聴ありがとうございました