1 page.title=Creating Custom UIs for Wear Devices 2 page.image=wear/images/10_uilib.png 3 4 @jd:body 5 6 <div id="tb-wrapper"> 7 <div id="tb"> 8 <h2>Dependencies and Prerequisites</h2> 9 <ul> 10 <li>Android 4.4W (API level 20) or higher on the wearable device</li> 11 </ul> 12 </div> 13 </div> 14 15 <p>User interfaces for wearable apps differ significantly from those built for handheld devices. 16 Apps for wearables should follow the Android Wear <a href="{@docRoot}design/wear/index.html">design 17 principles</a> and implement the recommended <a href="{@docRoot}design/wear/patterns.html">UI 18 patterns</a>, which ensure a consistent user experience across apps that is optimized for 19 wearables.</a> 20 21 <p>This class teaches you how to create custom UIs for your 22 <a href="{@docRoot}training/wearables/apps/creating.html">wearable apps</a> and 23 <a href="{@docRoot}training/wearables/apps/layouts.html#CustomNotifications">custom 24 notifications</a> that look good on any Android Wear device by implementing these 25 UI patterns:</p> 26 27 <ul> 28 <li>Cards</li> 29 <li>Countdowns and confirmations</li> 30 <li>Long press to dismiss</li> 31 <li>2D Pickers</li> 32 <li>Selection lists</li> 33 </ul> 34 35 <p>The Wearable UI Library, which is part of the Google Repository in the Android SDK, 36 provides classes that help you implement these patterns and create layouts that work on 37 both round and square Android Wear devices.</p> 38 39 <p class="note"><b>Note:</b> We recommend using Android Studio for Android Wear development, 40 as it provides project setup, library inclusion, and packaging conveniences. This training assumes 41 you are using Android Studio.</p> 42 43 <h2>Lessons</h2> 44 45 <dl> 46 <dt><a href="{@docRoot}training/wearables/ui/layouts.html">Defining Layouts</a></dt> 47 <dd>Learn how to create layouts that look good on round and square Android Wear devices.</dd> 48 <dt><a href="{@docRoot}training/wearables/ui/cards.html">Creating Cards</a></dt> 49 <dd>Learn how to create cards with custom layouts.</dd> 50 <dt><a href="{@docRoot}training/wearables/ui/lists.html">Creating Lists</a></dt> 51 <dd>Learn how to create lists that are optimized for wearable devices.</dd> 52 <dt><a href="{@docRoot}training/wearables/ui/2d-picker.html">Creating a 2D Picker</a></dt> 53 <dd>Learn how to implement the 2D Picker UI pattern to navigate through pages of data.</dd> 54 <dt><a href="{@docRoot}training/wearables/ui/confirm.html">Showing Confirmations</a></dt> 55 <dd>Learn how to display confirmation animations when users complete actions.</dd> 56 <dt><a href="{@docRoot}training/wearables/ui/exit.html">Exiting Full-Screen Activities</a></dt> 57 <dd>Learn how to implement the long-press-to-dismiss UI pattern to exit full-screen activities.</dd> 58 </dl> 59
