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.1k
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.3k
Firebase AutoMLのオンデバイス実行とCameraXを組み合わせた新しい価値を秒で試す
teshi04
3
810
Android Jetpack: Navigationを使ってみる
teshi04
2
4k
技術書典アプリを作った話
teshi04
2
720
Other Decks in Programming
See All in Programming
Folding Cheat Sheet #1
philipschwarz
PRO
0
210
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
160
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
2
260
今、知っておきたい! 生成AIエージェントの世界
elith
3
340
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
170
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.2k
Elm Form Validation
bkuhlmann
0
510
SwiftUI Performance 不要なViewの再描画と更新を抑える
bigamitiongit
1
160
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
230
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
330
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
340
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
230
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
422
63k
Into the Great Unknown - MozCon
thekraken
10
980
The Pragmatic Product Professional
lauravandoore
24
5.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
Product Roadmaps are Hard
iamctodd
43
9.7k
Practical Orchestrator
shlominoach
181
9.7k
Optimizing for Happiness
mojombo
370
69k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
A designer walks into a library…
pauljervisheath
199
23k
Six Lessons from altMBA
skipperchong
20
3k
Ruby is Unlike a Banana
tanoku
96
10k
Scaling GitHub
holman
457
140k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠