From 7ca68e460f00b8d3dbe71aabe92f6926b7d6233e Mon Sep 17 00:00:00 2001 From: Ricardo Cervera Date: Mon, 20 Oct 2014 15:59:16 -0700 Subject: docs: Add links to Wear UI training from Design pages. Bug: 17897252 Bug: 17315120 Change-Id: I58185b76f8197a0124804a296bd32565e4487a33 --- docs/html/design/wear/patterns.jd | 28 ++++++++++++++++++++++++ docs/html/design/wear/structure.jd | 10 +++++++-- docs/html/training/wearables/apps/layouts.jd | 12 ++++++---- docs/html/training/wearables/data-layer/index.jd | 2 +- 4 files changed, 45 insertions(+), 7 deletions(-) (limited to 'docs/html') diff --git a/docs/html/design/wear/patterns.jd b/docs/html/design/wear/patterns.jd index 30fdc24..e56ac2d 100644 --- a/docs/html/design/wear/patterns.jd +++ b/docs/html/design/wear/patterns.jd @@ -76,6 +76,13 @@ page.title=UI Patterns for Android Wear
  • The cue card can be invoked to continue specifying the action. For example in a messaging application, tapping a “Reply” action button invokes the Cue Card and prompts for voice input. In this case the prompt label (such as “Speak your message…”) and a set of sample voice suggestions can be specified by developers.
    • + +
    +

    Developer Docs

    +

    Showing Confirmations

    +
    +     +

    Continuing activities on phone

    @@ -100,6 +107,13 @@ page.title=UI Patterns for Android Wear

    Good examples of using an action on card include: play and pause music, toggle light switch on and off, navigate to an address, and call a phone number.

    + +
    +

    Developer Docs

    +

    Creating Cards

    +
    +     +

    Card stacks

    @@ -124,6 +138,13 @@ to check-in to.

    More information about how to use the 2D Picker pattern is provided in the App Structure guide.

    + +
    +

    Developer Docs

    +

    Creating a 2D Picker

    +
    +     +

    Voice commands

    @@ -148,3 +169,10 @@ href="{@docRoot}training/wearables/apps/layouts.html#UiLibrary">WearableLi

    Of course, it is possible for Android Wear apps to extend themselves beyond the familiarities of these patterns. For a deeper look at the options available, see the App Structure guide.

    + + +
    +

    Developer Docs

    +

    Creating Lists

    +
    +     diff --git a/docs/html/design/wear/structure.jd b/docs/html/design/wear/structure.jd index b77ccc2..95d5c1a 100644 --- a/docs/html/design/wear/structure.jd +++ b/docs/html/design/wear/structure.jd @@ -84,12 +84,18 @@ margin: 0 10px 20px 20px;

    This pattern can be used to present a single vertical list, or a “1D Picker”

    - +

    It can also be used as a 2D matrix of options, as a way of presenting categorized options.

    Actions

    + +
    +

    Developer Docs

    +

    Creating a 2D Picker

    +
    +

    For actions on each card, use the Action cards pattern.

    Making it fast

    @@ -155,6 +161,6 @@ href="#2DPicker">2D picker is always available.

    Manually exiting

    Even with logical exit points like these, some cases may exist where the user may want to immediately exit. This may be common in apps that are used for a longer while. In all cases, you should treat long-press as the user's intent to exit, using -DismissOverlayView.

    +DismissOverlayView.

    diff --git a/docs/html/training/wearables/apps/layouts.jd b/docs/html/training/wearables/apps/layouts.jd index e62d3e5..a35acb0 100644 --- a/docs/html/training/wearables/apps/layouts.jd +++ b/docs/html/training/wearables/apps/layouts.jd @@ -90,9 +90,10 @@ PendingIntent notificationPendingIntent = PendingIntent.getActivity(this, 0, not

    Create Layouts with the Wearable UI Library

    -There's an unofficial UI library that is automatically included when you create your wearable -app with the Android Studio Project Wizard. You can also add the library to your build.gradle +The Wearable UI Library is automatically included when you create your wearable +app with the Android Studio Project Wizard. You can also add this library to your build.gradle file with the following dependency declaration: +

     dependencies {
@@ -101,8 +102,11 @@ dependencies {
     compile 'com.google.android.gms:play-services-wearable:+'
 }
    -This library helps you build UIs that are designed for wearables. Here are some of the major classes: -

    + +

    This library helps you build UIs that are designed for wearables. For more information, see +Creating Custom UIs for Wear Devices.

    + +

    Here are some of the major classes in the Wearable UI Library: