Save 37% off PRO during our Black Friday Sale! »

Create Layouts with the Wearable UI Library

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

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
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
5
2.4k
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
3
630
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
2
3.5k
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
2
580

Other Decks in Programming

See All in Programming
E990ee82706811d4fa5bcafa1b4eafbf?s=48 techtekt
0
300
7afaad8f870ef79e2c3284a91e13f0b3?s=48 nakabonne
1
260
D14332b39b012820d44d362a3e2a8d98?s=48 shibe23
4
1.8k
87e6be3b5dcac822e5dfd974ba65045a?s=48 sammy7th
0
240
6362c07dc6c77f281f73285cea2f2d5c?s=48 kzkn
0
110
0157a830bfaa0c5426422c45aa0b2637?s=48 bo0km4n
2
420
6aaaf03c4f5c681d89c3078bd6070a6f?s=48 rumi_yamaguchi
0
210
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
12
2.6k
Ae637d06555324e8e86ab3a55c1b1fee?s=48 rettar5
0
180
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
390
9eed44f137609e6ce3b6f1e14f80b9e1?s=48 izumin5210
9
3.8k
C6b97a47d5406cfdef50a5c755751c16?s=48 sorami
3
910

Featured

See All Featured
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
37
5.4k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
47k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
3.9k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
263
20k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
55
3.5k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
256
17k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
236
18k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠