Create Layouts with the Wearable UI Library

by Yui Matsuura

Slide 1

Slide 1 text

Create Layouts with the Wearable UI Library potatotips#21 teshi04

Slide 2

Slide 2 text

About Me ɾদӜ༏ҥ ˏteshi04 ɾuPhyca Inc. ɾAndroid app: Justaway, όʔίʔυॻ੶ݕࡧ ɾAndroid Wear app: Twitwear, ৺ഥ਺πΠʔτ, ෲےΧ΢ϯτ͘Μ !

Slide 3

Slide 3 text

Android Support Wearable Library 1.3.0

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

DismissOverlayView • ϩϯάλοϓͰActicityΛऴྃͰ ͖ΔΞϓϦͷ࣮૷ͷͨΊͷView • ϩϯάλοϓ͞Εͨͱ͖ʹ show()ΛݺͿͱɺදࣔ͞ΕΔɻ  ☓Λλοϓ͢ΔͱActivity.ﬁnish() ͕ݺ͹ΕΔ • ͜ΕΛ࢖͍ͬͯΔΞϓϦ͸গͳ͍

Slide 8

Slide 8 text

CircledImageView • ԁܗͷImageView

Slide 9

Slide 9 text

CardFrame • ΧʔυελΠϧͳViewGroup

Slide 10

Slide 10 text

CardFragment • CardFrame͕ઃఆ͞ΕͯΔ Fragment

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

ConﬁrmationActivity • ΞΫγϣϯΛ׬ྃͨ͠ޙͷ݁Ռ දࣔʹ࢖͑ΔActivity • SUCCESS_ANIMATION  FAILURE_ANIMATION  OPEN_ON_PHONE_ANIMATI ON • ը૾ͷԼʹදࣔ͞ΕΔςΩετ ΋มߋՄೳ

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

͋Γ͕ͱ͏͍͟͝·ͨ͠