682c24e228
This undoes the automerger skip which occured in commit e740c84dc32180214a7fd157105d6c18d30408ee and replays it as a standard (NOT -s ours) merge. Change-Id: If5a47be26f73d6a0735c425cd66310a3e2a89086
59 lines
2.6 KiB
Plaintext
Executable File
59 lines
2.6 KiB
Plaintext
Executable File
page.title=Creating Custom UIs for Wear Devices
|
|
page.image=wear/images/10_uilib.png
|
|
|
|
@jd:body
|
|
|
|
<div id="tb-wrapper">
|
|
<div id="tb">
|
|
<h2>Dependencies and Prerequisites</h2>
|
|
<ul>
|
|
<li>Android 4.4W (API level 20) or higher on the wearable device</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<p>User interfaces for wearable apps differ significantly from those built for handheld devices.
|
|
Apps for wearables should follow the Android Wear <a href="{@docRoot}design/wear/index.html">design
|
|
principles</a> and implement the recommended <a href="{@docRoot}design/wear/patterns.html">UI
|
|
patterns</a>, which ensure a consistent user experience across apps that is optimized for
|
|
wearables.</a>
|
|
|
|
<p>This class teaches you how to create custom UIs for your
|
|
<a href="{@docRoot}training/wearables/apps/creating.html">wearable apps</a> and
|
|
<a href="{@docRoot}training/wearables/apps/layouts.html#CustomNotifications">custom
|
|
notifications</a> that look good on any Android Wear device by implementing these
|
|
UI patterns:</p>
|
|
|
|
<ul>
|
|
<li>Cards</li>
|
|
<li>Countdowns and confirmations</li>
|
|
<li>Long press to dismiss</li>
|
|
<li>2D Pickers</li>
|
|
<li>Selection lists</li>
|
|
</ul>
|
|
|
|
<p>The Wearable UI Library, which is part of the Google Repository in the Android SDK,
|
|
provides classes that help you implement these patterns and create layouts that work on
|
|
both round and square Android Wear devices.</p>
|
|
|
|
<p class="note"><b>Note:</b> We recommend using Android Studio for Android Wear development,
|
|
as it provides project setup, library inclusion, and packaging conveniences. This training assumes
|
|
you are using Android Studio.</p>
|
|
|
|
<h2>Lessons</h2>
|
|
|
|
<dl>
|
|
<dt><a href="{@docRoot}training/wearables/ui/layouts.html">Defining Layouts</a></dt>
|
|
<dd>Learn how to create layouts that look good on round and square Android Wear devices.</dd>
|
|
<dt><a href="{@docRoot}training/wearables/ui/cards.html">Creating Cards</a></dt>
|
|
<dd>Learn how to create cards with custom layouts.</dd>
|
|
<dt><a href="{@docRoot}training/wearables/ui/lists.html">Creating Lists</a></dt>
|
|
<dd>Learn how to create lists that are optimized for wearable devices.</dd>
|
|
<dt><a href="{@docRoot}training/wearables/ui/2d-picker.html">Creating a 2D Picker</a></dt>
|
|
<dd>Learn how to implement the 2D Picker UI pattern to navigate through pages of data.</dd>
|
|
<dt><a href="{@docRoot}training/wearables/ui/confirm.html">Showing Confirmations</a></dt>
|
|
<dd>Learn how to display confirmation animations when users complete actions.</dd>
|
|
<dt><a href="{@docRoot}training/wearables/ui/exit.html">Exiting Full-Screen Activities</a></dt>
|
|
<dd>Learn how to implement the long-press-to-dismiss UI pattern to exit full-screen activities.</dd>
|
|
</dl>
|