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
920
RecyclerViewにリストカードを表示する
RecyclerViewにリストカードを表示するViewを作成したお話です。
syarihu
January 11, 2018
Tweet
Share
More Decks by syarihu
See All by syarihu
[shibuya.apk #46] Composableの枠を超えてアニメーションする / Animation beyond Composable
syarihu
0
3
[shibuya.apk #41] Jetpack Composeでグリッドに柔軟にスペースを入れたい
syarihu
0
2.4k
[DroidKaigi 2022] 詳解Google Playの新しい定期購入 ~オファーの活用や実装例を添えて~
syarihu
0
3.1k
5分で分かるGoogle Playの新しいサブスクリプション / Google Play new subscription 2022
syarihu
1
1.7k
[DroidKaigi 2021] Google Play 定期購入 比例配分モード完全攻略ガイド / Google Play Subscription Proration Mode Complete Guide
syarihu
1
7.2k
[Money Forward Tech Drive] What's new in Google Play [Recap #io21]
syarihu
0
520
[Android 11 Meetups] Google Play Commerce からのアップデート / Android 11 Meetups Google Play Commerce
syarihu
4
2.7k
[potatotips #70] license-list-pluginを使ってOSSライセンス画面を自動生成する / license-list-plugin
syarihu
4
4.4k
[potatotips #69] Wi-Fi Suggestion API / Wi-Fi Suggestion API
syarihu
2
1.9k
Other Decks in Technology
See All in Technology
トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1
okunokentaro
2
540
PlaywrightによるE2Eテスト入門 / Introduction to E2E Testing with Playwright
rhumie
3
870
脆弱星に導かれて
nishimunea
1
1.5k
デジタル化・DX推進あるある
y150saya
0
210
AWSを始めた頃に陥りがちなポイントをまとめてみた
oshanqq
0
1.1k
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
1
160
自社開発した大規模言語モデルをどうプロダクションに乗せて運用していくか〜インフラ編〜
pfn
PRO
3
580
なぜクラウドサービスで Web コンソールを提供するのか
shuta13
2
600
実践vs理論 叩き上げのスクラムマスターが実践した手法を研究者が学術的に分析する / Practical Scrum Master vs. Theoretical Scrum Researcher
shinop
4
1.4k
「名前解決」から振り返るAmazon VPC
yuki_ink
0
320
エンジニア採用ノウハウ0から継続的な採用に至るまで / Try recruiting engineers
ohageeq
0
130
FastlyとfalcoでNode.jsレスな Webサーバー構築 : IPTV版 ABEMAアプリインフラ刷新 / Building web server using Fastly and falco without Node.js for IPTV ABEMA app
nodaguti
0
240
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
GraphQLの誤解/rethinking-graphql
sonatard
65
9.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Side Projects
sachag
451
42k
Fashionably flexible responsive web design (full day workshop)
malarkey
400
65k
Testing 201, or: Great Expectations
jmmastey
35
6.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.1k
What's in a price? How to price your products and services
michaelherold
241
11k
The Mythical Team-Month
searls
218
43k
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 まで
ご清聴ありがとうございました