1page.title=Android Wear 2.0 Developer Preview
2page.tags="wear","wear-preview"
3meta.tags="wear","preview"
4fullpage=true
5forcelocalnav=true
6header.hide=1
7footer.hide=1
8@jd:body
9
10<script>
11  $(document).ready(function() {
12    if (useUpdatedTemplates) {
13      $("#useUpdatedTemplates").css("display","block");
14    } else {
15      $("#useOldTemplates").css("display","block");
16    }
17  })
18</script>
19
20<section class="dac-expand dac-hero dac-light" style="background-color:#FFFFFF">
21  <div class="wrap" style="max-width:1100px;margin-top:0">
22    <div class="cols dac-hero-content" style="padding-bottom:1em;">
23
24      <div class="col-7of16 col-push-9of16" style="padding-left:2em">
25        <h1 class="dac-hero-title">Android Wear 2.0 Developer Preview</h1>
26        <p class="dac-hero-description">
27          Get ready for the next version of Android Wear!
28          Support <strong>stand-alone</strong> Wear devices and apps.
29          Create <strong>enhanced user interaction</strong> and
30          <strong>glanceable experiences</strong>.
31          Test your apps on <strong>Wear devices</strong>.
32        </p>
33
34        <a class="dac-hero-cta" href="{@docRoot}wear/preview/program.html">
35          <span class="dac-sprite dac-auto-chevron"></span>
36          Learn about the Preview
37        </a>
38        <a class="dac-hero-cta" href="https://www.google.com/design/spec-wear">
39          <span class="dac-sprite dac-auto-chevron"></span>
40          Material Design for Wear
41        </a>
42      </div>
43      <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:1.5em;padding-right:1.5em;">
44        <img class="dac-hero-image" src="{@docRoot}wear/preview/images/hero-1x.png"
45             srcset="{@docRoot}wear/preview/images/hero-1x.png 1x,
46             {@docRoot}wear/preview/images/hero-2x.png 2x">
47      </div>
48    </div>
49    <div class="dac-section dac-small">
50      <div class="resource-widget resource-flow-layout col-16"
51           data-query="collection:wear/preview/landing"
52           data-cardSizes="6x2"
53           data-maxResults="6"></div>
54    </div>
55  </div>
56</section>
57
58<div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
59  <div class="wrap dac-offset-parent">
60    <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
61      <i class="dac-sprite dac-arrow-down-gray"></i>
62    </a>
63    <ul class="dac-actions">
64      <li class="dac-action">
65        <a class="dac-action-link" href="http://g.co/wearpreviewbug">
66          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
67          Report an issue
68        </a>
69      </li>
70      <li class="dac-action">
71        <a class="dac-action-link" href="http://g.co/androidweardev">
72          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
73          Join developer community
74        </a>
75      </li>
76    </ul>
77  </div><!-- end .wrap -->
78</div><!-- end .dac-actions -->
79
80<div id="useOldTemplates" style="display:none;color:black" class="actions-bar dac-expand dac-invert">
81  <div class="wrap dac-offset-parent">
82
83    <div class="actions">
84      <div><a href="{@docRoot}wear/preview/bug">
85        <span class="dac-sprite dac-auto-chevron-large"></span>
86        Report an issue
87      </a></div>
88      <div><a href="http://g.co/androidweardev">
89        <span class="dac-sprite dac-auto-chevron-large"></span>
90        Join developer community
91      </a></div>
92    </div><!-- end .actions -->
93  </div><!-- end .wrap -->
94</div>
95
96<section class="dac-section dac-light"><div class="wrap">
97  <h1 class="dac-section-title">Resources</h1>
98  <div class="dac-section-subtitle">
99    Essential information to help you get your apps ready for the next version of Android Wear.
100  </div>
101
102  <div class="resource-widget resource-flow-layout col-16"
103       data-query="collection:wear/preview/landing/resources"
104       data-cardSizes="6x6"
105       data-items-per-page="6"
106       data-maxResults="15"
107       data-initial-results="6"></div>
108
109  </div>
110</section>
111
112