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
Create Layouts with the Wearable UI Library
Search
Yui Matsuura
September 16, 2015
Programming
2
4.3k
Create Layouts with the Wearable UI Library
#potatotips
Yui Matsuura
September 16, 2015
Tweet
Share
More Decks by Yui Matsuura
See All by Yui Matsuura
★2.2のアプリがIn-App Review APIを導入して★4.2になるまで
teshi04
6
3.6k
Firebase AutoMLのオンデバイス実行とCameraXを組み合わせた新しい価値を秒で試す
teshi04
3
940
Android Jetpack: Navigationを使ってみる
teshi04
2
4.2k
技術書典アプリを作った話
teshi04
2
830
Other Decks in Programming
See All in Programming
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
390
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
170
技術を根付かせる / How to make technology take root
kubode
1
250
DROBEの生成AI活用事例 with AWS
ippey
0
130
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
0
210
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
330
ソフトウェアエンジニアの成長
masuda220
PRO
12
1.7k
ARA Ansible for the teams
kksat
0
150
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
160
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
Lottieアニメーションをカスタマイズしてみた
tahia910
0
130
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Documentation Writing (for coders)
carmenintech
67
4.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Adopting Sorbet at Scale
ufuk
74
9.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
We Have a Design System, Now What?
morganepeng
51
7.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Scaling GitHub
holman
459
140k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Transcript
Create Layouts with the Wearable UI Library potatotips#21 teshi04
About Me ɾদӜ༏ҥ ˏteshi04 ɾuPhyca Inc. ɾAndroid app: Justaway, όʔίʔυॻ੶ݕࡧ
ɾAndroid Wear app: Twitwear, ৺ഥπΠʔτ, ෲےΧϯτ͘Μ !
Android Support Wearable Library 1.3.0
android.support.wearable .view.* http://developer.android.com/intl/ja/reference/android/ support/wearable/view/package-summary.html
WearableListView • WearσόΠεʹ࠷దԽ͞Εͨ ListView (RecyclerView) • εΫϩʔϧΛࢭΊΔͱɺۙ͘ͷ ΞΠςϜʹࣗಈͰεφοϓ͢Δ
DelayedConfirmationView • ԁܗΧϯτμϯࣜ λΠϚʔView • DelayedConfirmationListener ͰɺλΠϚʔ͕Ұपͨ͠ͱ͖ͷ ॲཧͱɺλΠϚʔΛ్தͰλο ϓ͞Εͨͱ͖ͷॲཧΛొͰ ͖Δ
DismissOverlayView • ϩϯάλοϓͰActicityΛऴྃͰ ͖ΔΞϓϦͷ࣮ͷͨΊͷView • ϩϯάλοϓ͞Εͨͱ͖ʹ show()ΛݺͿͱɺදࣔ͞ΕΔɻ ☓Λλοϓ͢ΔͱActivity.finish() ͕ݺΕΔ •
͜ΕΛ͍ͬͯΔΞϓϦগͳ͍
CircledImageView • ԁܗͷImageView
CardFrame • ΧʔυελΠϧͳViewGroup
CardFragment • CardFrame͕ઃఆ͞ΕͯΔ Fragment
• ਨํͱਫฏํʹҠಈͰ ͖Δ GridViewPager • GridViewPagerͷΠϯδέʔ λʔ DotsPageIndicator
ProgressSpinner • Wear༻ʹσβΠϯ͞Εͨ ProgressBar • ΧϥϑϧͳϓϩάϨεόʔ͕ ͘Δ͘ΔΞχϝʔγϣϯ͢Δ
CrossfadeDrawable • 2ͭͷDrawableΛϒϨϯυͰ͖Δ Drawable • Base DrawableͱɺFading Drawableɺ progress Λࢦఆ͢Δ
ConfirmationActivity • ΞΫγϣϯΛྃͨ͠ޙͷ݁Ռ දࣔʹ͑ΔActivity • SUCCESS_ANIMATION FAILURE_ANIMATION OPEN_ON_PHONE_ANIMATI ON •
ը૾ͷԼʹදࣔ͞ΕΔςΩετ มߋՄೳ
ActionLabel • ಛघͳTextView • ઃఆͨ͠࠷େߦ ʢmaxLinesʣͱ Viewͷ෯ͷ੍ Λຬͨ͢ɺ࠷େͷจࣈαΠζ Λܭࢉͯ͠ɺͦͷܭࢉͨ͠จࣈ αΠζͰςΩετ͕දࣔ͞ΕΔ
CircularButton • FloatingActionButtonͷ Wearable ༻ View • FloatingActionButtonͱಉ༷ʹ λοϓͨ͠ͱ͖ʹϦοϓϧΞχ ϝʔγϣϯ͢Δ
ActionPage • CircularButtonͱActionLabel Λแ͍ͯ͠ΔView • Android Wearͷ௨ΧʔυΛ ӈʹૹͬͨͱ͖ͷը໘Λ࠶ݱ Ͱ͖Δ
• ؙܕσόΠεͷͱ͖͚ͩɺ ࢦఆͨ͠ํʹɺܾΊΒΕͨ༨ന͕͘ BoxInsetLayout • ؙܕͷσόΠεͱ֯ܕͷσόΠε Ͱදࣔ͢ΔlayoutΛม͑ΒΕΔ WatchViewStub • ؙܕͷσόΠεͷͱ͖͚ͩ༨
നΛ͚Δ͜ͱ͕Ͱ͖Δ WearableFrameLayout
͋Γ͕ͱ͏͍͟͝·ͨ͠