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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yui Matsuura
September 16, 2015
Programming
4.8k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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.8k
Firebase AutoMLのオンデバイス実行とCameraXを組み合わせた新しい価値を秒で試す
teshi04
3
1.1k
Android Jetpack: Navigationを使ってみる
teshi04
2
4.4k
技術書典アプリを作った話
teshi04
2
950
Other Decks in Programming
See All in Programming
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
570
AWS Transform Customによる Spring Boot 2.xから4.xへのVerUp
satoshi256kbyte
2
120
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
kishida
7
2.3k
PyConJP2026_wat_Python × Signal Processing: How to Draw Pictures with Sound Using Spectrogram Art
wat
0
640
Discordを用いたラボオートメーション関連情報収集の自動化
noguhiro2002
0
480
AI駆動開発にグラフDBを重ねてみた
satoshi256kbyte
2
500
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
theoriatec2024
1
360
源内ハンズオン概要編
hideg
0
230
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
yasei_no_otoko
0
130
信頼性の目標を誰も求めてない
shubox
0
460
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
slashnephy
0
180
Gmail/Google DriveをトリガーにAIエージェントを動かそう! / Run AI agents with Gmail/Google Drive as triggers!
har1101
3
460
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
830
Product Roadmaps are Hard
iamctodd
55
13k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
510
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
260
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
500
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
440
Joys of Absence: A Defence of Solitary Play
codingconduct
1
460
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Color Theory Basics | Prateek | Gurzu
gurzu
0
450
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
WENDY [Excerpt]
tessaabrams
12
39k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠