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