Create Layouts with the Wearable UI Library

Transcript

1. 1.

   Create Layouts with the Wearable UI Library potatotips#21 teshi04

2. 2.

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

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

   Android Support Wearable Library 1.3.0

4. 4.

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

5. 5.

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

6. 6.

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

7. 7.

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

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

   CircledImageView • ԁܗͷImageView

9. 9.

   CardFrame • ΧʔυελΠϧͳViewGroup

10. 10.

    CardFragment • CardFrame͕ઃఆ͞ΕͯΔ Fragment

11. 11.

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

12. 12.

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

13. 13.

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

14. 14.

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

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

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

16. 16.

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

17. 17.

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

18. 18.

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

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

    ͋Γ͕ͱ͏͍͟͝·ͨ͠