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.4k
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
980
Android Jetpack: Navigationを使ってみる
teshi04
2
4.3k
技術書典アプリを作った話
teshi04
2
880
Other Decks in Programming
See All in Programming
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
210
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
410
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
RailsGirls IZUMO スポンサーLT
16bitidol
0
200
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
630
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
960
Workers を定期実行する方法は一つじゃない
rokuosan
0
100
ソフトウェア設計とAI技術の活用
masuda220
PRO
22
5.8k
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
160
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
740
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building Applications with DynamoDB
mza
95
6.5k
A better future with KSS
kneath
238
17k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Practical Orchestrator
shlominoach
189
11k
A Modern Web Designer's Workflow
chriscoyier
695
190k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Scaling GitHub
holman
460
140k
Building an army of robots
kneath
306
45k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠