1page.title=Creating Custom UIs for Wear Devices
2page.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.
16Apps for wearables should follow the Android Wear <a href="{@docRoot}design/wear/index.html">design
17principles</a> and implement the recommended <a href="{@docRoot}design/wear/patterns.html">UI
18patterns</a>, which ensure a consistent user experience across apps that is optimized for
19wearables.</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
24notifications</a> that look good on any Android Wear device by implementing these
25UI 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,
36provides classes that help you implement these patterns and create layouts that work on
37both round and square Android Wear devices.</p>
38
39<p class="note"><b>Note:</b> We recommend using Android Studio for Android Wear development,
40as it provides project setup, library inclusion, and packaging conveniences. This training assumes
41you 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