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
4.6k
2
Share
Create Layouts with the Wearable UI Library
#potatotips
Yui Matsuura
September 16, 2015
More Decks by Yui Matsuura
See All by Yui Matsuura
★2.2のアプリがIn-App Review APIを導入して★4.2になるまで
teshi04
6
3.7k
Firebase AutoMLのオンデバイス実行とCameraXを組み合わせた新しい価値を秒で試す
teshi04
3
1k
Android Jetpack: Navigationを使ってみる
teshi04
2
4.4k
技術書典アプリを作った話
teshi04
2
930
Other Decks in Programming
See All in Programming
(Re)make Regexp in Ruby: Democratizing internals for the JIT
makenowjust
3
580
AI-DLC Deep Dive
yuukiyo
9
4.7k
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
16
5.6k
The Less-Told Story of Socket Timeouts
coe401_
3
590
アクセシビリティ試験の"その後"を仕組み化する
yuuumiravy
1
170
CDK Deployのための ”反響定位”
watany
5
800
Spec Driven Development | AI Summit Vilnius
danielsogl
PRO
1
110
ソフトウェア設計の結合バランス #phperkaigi
kajitack
0
140
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
webzawa
0
150
Going Multiplatform with Your Android App (Android Makers 2026)
zsmb
2
450
How We Benchmarked Quarkus: Patterns and anti-patterns
hollycummins
1
150
ルールルルルルRubyの中身の予備知識 ── RubyKaigiの前に予習しなイカ?
ydah
1
210
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
1.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
Color Theory Basics | Prateek | Gurzu
gurzu
0
290
Faster Mobile Websites
deanohume
310
31k
Google's AI Overviews - The New Search
badams
0
980
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
Technical Leadership for Architectural Decision Making
baasie
3
330
Raft: Consensus for Rubyists
vanstee
141
7.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.9k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
170
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Become a Pro
speakerdeck
PRO
31
5.9k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠