Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Create Layouts with the Wearable UI Library

Dee1ceb83e8c6afd83792ca7df9e9524?s=47 Yui Matsuura
September 16, 2015
Programming
2
3.8k

Create Layouts with the Wearable UI Library

#potatotips

Dee1ceb83e8c6afd83792ca7df9e9524?s=128

Yui Matsuura

September 16, 2015
Tweet

More Decks by Yui Matsuura

See All by Yui Matsuura
★2.2のアプリがIn-App Review APIを導入して★4.2になるまで
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
6
2.8k
Firebase AutoMLのオンデバイス実行とCameraXを組み合わせた新しい価値を秒で試す
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
3
650
Android Jetpack: Navigationを使ってみる
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
2
3.6k
技術書典アプリを作った話
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
2
610

Other Decks in Programming

See All in Programming
Seleniumでイキってたらサーバを絞め落としかけてた話
52b9da1c8c4810664baa2bdd3ec8e608?s=48 kenfujita
0
360
A Philosophy of Software Design 後半
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
10
2.6k
模組化的Swift架構(二) DDD速成
A3d3b179955bdea9fc05b3251f1b1f10?s=48 haifengkao
0
350
How we run a Realtime Puzzle Fighting Game on AWS Serverless
3a488be96753f7e2232f3a3d79b83083?s=48 falken
0
240
IE Graduation (IE の功績を讃える)
1ff811939fd0923df8321ec6d8bf9d4b?s=48 jxck
20
12k
設計ナイト2022 トランザクションスクリプト
6521324f6ab5266cdcde1dd05945a27b?s=48 shinpeim
11
2k
GitHub Actions を導入した経緯
41c9dedd1b4c53ace82e040bb09334fe?s=48 tamago3keran
1
420
Android スキルセットをフル活用して始めるスマートテレビアプリ開発
2c4cb677e0a076b96f8edfba71b46aeb?s=48 satsukies
0
190
GDG Seoul IO Extended 2022 - Android Compose
7589a5a8fec022e8af4e46525150a291?s=48 taehwandev
0
280
Terraform Plan/Apply結果の自動通知
92a1e043fcefaed6e1b89182b1cd34a5?s=48 ymmy02
0
280
"What's new in Swift"の要約 / swift_5_7_summary
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
1
240
Node.jsデザインパターンを読んで
3d06fa4b3230d37a8d940405cc4abcc6?s=48 mmmommm
0
1.3k

Featured

See All Featured
Navigating Team Friction
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
23
15k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
48
2.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1.1k
Fight the Zombie Pattern Library - RWD Summit 2016
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
226
15k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
Git: the NoSQL Database
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
14
36k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Ruby is Unlike a Banana
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9.2k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.1k

Transcript

  1. Create Layouts with the Wearable UI Library potatotips#21 teshi04

  2. About Me ɾদӜ༏ҥ ˏteshi04 ɾuPhyca Inc. ɾAndroid app: Justaway, όʔίʔυॻ੶ݕࡧ

    ɾAndroid Wear app: Twitwear, ৺ഥ਺πΠʔτ, ෲےΧ΢ϯτ͘Μ !

  3. Android Support Wearable Library 1.3.0

  4. android.support.wearable .view.* http://developer.android.com/intl/ja/reference/android/ support/wearable/view/package-summary.html

  5. WearableListView • WearσόΠεʹ࠷దԽ͞Εͨ ListView (RecyclerView) • εΫϩʔϧΛࢭΊΔͱɺۙ͘ͷ ΞΠςϜʹࣗಈͰεφοϓ͢Δ

  6. DelayedConfirmationView • ԁܗΧ΢ϯτμ΢ϯࣜ
 λΠϚʔView • DelayedConfirmationListener ͰɺλΠϚʔ͕Ұपͨ͠ͱ͖ͷ ॲཧͱɺλΠϚʔΛ్தͰλο ϓ͞Εͨͱ͖ͷॲཧΛొ࿥Ͱ ͖Δ

  7. DismissOverlayView • ϩϯάλοϓͰActicityΛऴྃͰ ͖ΔΞϓϦͷ࣮૷ͷͨΊͷView • ϩϯάλοϓ͞Εͨͱ͖ʹ show()ΛݺͿͱɺදࣔ͞ΕΔɻ
 ☓Λλοϓ͢ΔͱActivity.finish() ͕ݺ͹ΕΔ •

    ͜ΕΛ࢖͍ͬͯΔΞϓϦ͸গͳ͍

  8. CircledImageView • ԁܗͷImageView

  9. CardFrame • ΧʔυελΠϧͳViewGroup

  10. CardFragment • CardFrame͕ઃఆ͞ΕͯΔ Fragment

  11. • ਨ௚ํ޲ͱਫฏํ޲ʹҠಈͰ ͖Δ GridViewPager • GridViewPagerͷΠϯδέʔ λʔ DotsPageIndicator

  12. ProgressSpinner • Wear༻ʹσβΠϯ͞Εͨ ProgressBar • ΧϥϑϧͳϓϩάϨεόʔ͕
 ͘Δ͘ΔΞχϝʔγϣϯ͢Δ

  13. CrossfadeDrawable • 2ͭͷDrawableΛϒϨϯυͰ͖Δ Drawable • Base DrawableͱɺFading Drawableɺ
 progress Λࢦఆ͢Δ

  14. ConfirmationActivity • ΞΫγϣϯΛ׬ྃͨ͠ޙͷ݁Ռ දࣔʹ࢖͑ΔActivity • SUCCESS_ANIMATION
 FAILURE_ANIMATION
 OPEN_ON_PHONE_ANIMATI ON •

    ը૾ͷԼʹදࣔ͞ΕΔςΩετ ΋มߋՄೳ

  15. ActionLabel • ಛघͳTextView • ઃఆͨ͠࠷େߦ਺ ʢmaxLinesʣͱ Viewͷ෯ͷ੍ ໿Λຬͨ͢ɺ࠷େͷจࣈαΠζ Λܭࢉͯ͠ɺͦͷܭࢉͨ͠จࣈ αΠζͰςΩετ͕දࣔ͞ΕΔ

  16. CircularButton • FloatingActionButtonͷ Wearable ༻ View • FloatingActionButtonͱಉ༷ʹ λοϓͨ͠ͱ͖ʹϦοϓϧΞχ ϝʔγϣϯ͢Δ

  17. ActionPage • CircularButtonͱActionLabel Λ಺แ͍ͯ͠ΔView • Android Wearͷ௨஌ΧʔυΛ ӈʹૹͬͨͱ͖ͷը໘Λ࠶ݱ Ͱ͖Δ

  18. • ؙܕσόΠεͷͱ͖͚ͩɺ
 ࢦఆͨ͠ํ޲ʹɺܾΊΒΕͨ༨ന͕෇͘ BoxInsetLayout • ؙܕͷσόΠεͱ֯ܕͷσόΠε Ͱදࣔ͢ΔlayoutΛม͑ΒΕΔ WatchViewStub • ؙܕͷσόΠεͷͱ͖͚ͩ༨

    നΛ෇͚Δ͜ͱ͕Ͱ͖Δ WearableFrameLayout

  19. ͋Γ͕ͱ͏͍͟͝·ͨ͠