1page.title=Android N Developer Preview
2page.tags="preview","developer"
3meta.tags="preview", "android"
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:#B2DFDB">
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 N Developer Preview</h1>
26        <p class="dac-hero-description">
27          <strong>Android N final SDK is now available!</strong>
28          Get ready for Android N!
29          <strong>Test your apps</strong> on Nexus and other devices. Support new system
30          behaviors to <strong>save power and memory</strong>.
31          Extend your apps with <strong>multi-window UI</strong>,
32          <strong>direct reply notifications</strong> and more.
33        </p>
34
35        <a class="dac-hero-cta" href="{@docRoot}preview/overview.html">
36          <span class="dac-sprite dac-auto-chevron"></span>
37          Get started
38        </a><!--<br>
39        <a class="dac-hero-cta" href="{@docRoot}preview/support.html">
40          <span class="dac-sprite dac-auto-chevron"></span>
41          Update to Android N (final SDK)
42        </a><br>-->
43      </div>
44      <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:1.5em;padding-right:1.5em;">
45        <img class="dac-hero-image" src="{@docRoot}images/home/n-preview-hero.png"
46             srcset="{@docRoot}images/home/n-preview-hero.png 1x,
47             {@docRoot}images/home/n-preview-hero_2x.png 2x">
48      </div>
49    </div>
50    <div class="dac-section dac-small">
51      <div class="resource-widget resource-flow-layout col-16"
52           data-query="collection:preview/landing/resources"
53           data-cardSizes="6x2"
54           data-maxResults="6"></div>
55    </div>
56  </div>
57</section>
58
59<div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
60  <div class="wrap dac-offset-parent">
61    <a class="dac-fab dac-scroll-button" data-scroll-button href="#latest">
62      <i class="dac-sprite dac-arrow-down-gray"></i>
63    </a>
64    <ul class="dac-actions">
65      <li class="dac-action">
66        <a class="dac-action-link" href="https://developer.android.com/preview/bug">
67          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
68          Report an issue
69        </a>
70      </li>
71      <li class="dac-action">
72        <a class="dac-action-link" href="{@docRoot}preview/support.html">
73          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
74          See release notes
75        </a>
76      </li>
77      <li class="dac-action">
78        <a class="dac-action-link" href="{@docRoot}preview/dev-community">
79          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
80          Join dev community
81        </a>
82      </li>
83    </ul>
84  </div><!-- end .wrap -->
85</div><!-- end .dac-actions -->
86
87<div id="useOldTemplates" style="display:none;color:black" class="actions-bar dac-expand dac-invert">
88  <div class="wrap dac-offset-parent">
89
90    <div class="actions">
91      <div><a href="https://developer.android.com/preview/bug">
92        <span class="dac-sprite dac-auto-chevron-large"></span>
93        Report an issue
94      </a></div>
95      <div><a href="{@docRoot}preview/support.html">
96        <span class="dac-sprite dac-auto-chevron-large"></span>
97        See release notes
98      </a></div>
99      <div><a href="{@docRoot}preview/dev-community">
100        <span class="dac-sprite dac-auto-chevron-large"></span>
101        Join dev community
102      </a></div>
103    </div><!-- end .actions -->
104  </div><!-- end .wrap -->
105</div>
106
107<section class="dac-section dac-light dac-small" id="latest"><div class="wrap">
108  <h2 class="norule">Latest</h2>
109  <div class="resource-widget resource-flow-layout col-16"
110    data-query="type:blog+tag:androidn+tag:featured, type:youtube+tag:androidn+tag:featured"
111    data-sortOrder="-timestamp"
112    data-cardSizes="6x6"
113    data-items-per-page="6"
114    data-maxResults="15"
115    data-initial-results="3"></div>
116</div></section>
117
118<section class="dac-section dac-gray"><div class="wrap">
119  <h1 class="dac-section-title">Resources</h1>
120  <div class="dac-section-subtitle">
121    Essential information to help you get your apps ready for Android N.
122  </div>
123
124  <div class="resource-widget resource-flow-layout col-16"
125       data-query="collection:preview/landing/more"
126       data-cardSizes="6x6"
127       data-items-per-page="6"
128       data-maxResults="15"
129       data-initial-results="6"></div>
130
131  </div>
132</section>
133
134