Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
RecyclerViewにリストカードを表示する
Search
syarihu
January 11, 2018
Technology
1
950
RecyclerViewにリストカードを表示する
RecyclerViewにリストカードを表示するViewを作成したお話です。
syarihu
January 11, 2018
Tweet
Share
More Decks by syarihu
See All by syarihu
Recap #io25 What's new in Google Play
syarihu
0
42
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
3
3.6k
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
syarihu
0
54
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
syarihu
0
3.3k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
syarihu
0
3.6k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
syarihu
1
1.8k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
syarihu
1
7.8k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
syarihu
0
580
[Android 11 Meetups] Google Play Commerce からのアップデート / Android 11 Meetups Google Play Commerce
syarihu
4
2.9k
Other Decks in Technology
See All in Technology
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
470
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
7
5.3k
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
4
13k
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
210
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
380
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
130
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
150
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
AWS認定を取る中で感じたこと
siromi
1
190
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Site-Speed That Sticks
csswizardry
10
690
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
RecyclerViewに リストカードを 表示する shibuya.apk #21 2018/01/11 (Thu) @syarihu
Taichi Sato (@syarihu) • Money Forward, Inc. ◦ Android Engineer
• TechBooster
TechBooster
本題
ことの発端
これどうやって作るんだろう
考えたこと • ViewGroupにaddViewする • ListViewをスクロールさせなくし て使う
ViewGroupにaddViewする • 実装したいと思ったときに これを毎回やるのつらそう • 汎用的に使えない
ListViewをスクロール させなくして使う • ViewGroupにaddViewするより は汎用的に使えそう • 必要のない機能までついてくるの で、なんだか微妙
もっと良い感じにできないだろうか
自分で作ってみよう
カスタムビューを 作ってみる
最低限欲しい機能 • Viewを使いまわしたい ◦ リストアイテムのViewを生成・保持 • 簡単にアイテムを操作したい ◦ リストアイテムの追加・変更・削除 •
もっと見るしたい ◦ リストアイテムの表示数を制限
基礎となるViewを作る
基礎となるViewを作る
Adapterを作る
リストアイテムのViewを 生成・保持する
リストアイテムのViewを 生成・保持する
リストアイテムのViewを 生成・保持する
リストの変更をViewに反映する
リストの変更をViewに反映する • このObservableはRxJavaやDataBindingのObservableではな く、android.database.Observable
リストの変更をViewに反映する • このObservableはRxJavaやDataBindingのObservableではな く、android.database.Observable • RecyclerViewで利用されているものと同じ
リストの変更をViewに反映する
リストの変更をViewに反映する
リストの変更をViewに反映する
リストの変更をViewに反映する
リストアイテムの表示数を 制限する
リストアイテムの表示数を 制限する
リストアイテムの表示数を 制限する
リストアイテムの表示数を 制限する
リストアイテムの表示数を 制限する
xmlから属性を 変更できるようにする
xmlから属性を 変更できるようにする
xmlから属性を 変更できるようにする
サンプルコード
RecyclerListViewの Adapterを作る
RecyclerListViewの Adapterを作る
RecyclerListViewの Adapterを作る
RecyclerListViewの Adapterを作る
RecyclerViewの Adapterを実装する
実行する
None
None
せっかく作ったので
ライブラリ化してみた
RecyclerListView • syarihu/RecyclerListView https://github.com/syarihu/RecyclerLi stView
RecyclerListView net.syarihu.android.library:RecyclerListView:0.1.0
宣伝
None
DroidKaigi 2018 • Android WearのWatch Faceを 作ろう 〜時計の盤面に小さな情 報を添えて〜 ◦
2018/02/09 17:40-18:10 ◦ Room 5
家計簿アプリ『マネーフォワード』の Androidアプリエンジニア募集中! ご興味があれば @syarihu まで
ご清聴ありがとうございました