• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1fullpage=true
2excludeFromSuggestions=true
3page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
4page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
5
6@jd:body
7
8<script>
9  $(document).ready(function() {
10    if (useUpdatedTemplates) {
11      $("#useUpdatedTemplates").css("display","block");
12    } else {
13      $("#useOldTemplates").css("display","block");
14    }
15  })
16</script>
17
18<section class="dac-expand dac-hero" style="background-color:#b2dfdb;">
19  <div class="wrap" style="max-width:1000px;margin-top:0">
20    <div class="col-7of16 col-push-8of16">
21      <a href="{@docRoot}about/versions/nougat/index.html">
22        <h1 class="dac-hero-title" style="color:#004d40">Android 7.0 Nougat!</h1>
23        <p class="dac-hero-description" style="color:#004d40">
24          <strong>Android 7.0 Nougat is here!</strong>
25          Get your apps ready for the latest version of Android, with new system
26          behaviors to <strong>save battery and memory</strong>.
27          Extend your apps with <strong>multi-window UI</strong>,
28          <strong>direct reply notifications</strong> and more.
29        </p>
30        <a class="dac-hero-cta" href="{@docRoot}about/versions/nougat/index.html" style="color:#004d40">
31          <span class="dac-sprite dac-auto-chevron" style="background-color:#b2dfdb"></span>
32          Learn more
33        </a>
34        </a>
35      </a>
36    </div>
37    <div class="col-6of16 col-pull-6of16 dac-hero-figure" style="padding-left:1em;padding-top:1em;">
38      <a href="{@docRoot}about/versions/nougat/index.html">
39        <img class="dac-hero-image" src="{@docRoot}images/home/nougat_bg.jpg"
40             srcset="{@docRoot}images/home/nougat_bg.jpg 1x,
41             {@docRoot}images/home/nougat_bg_2x.jpg 2x">
42        </a>
43    </div>
44  </div>
45</section>
46
47<div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
48  <div class="wrap dac-offset-parent">
49    <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
50      <i class="dac-sprite dac-arrow-down-gray"></i>
51    </a>
52    <ul class="dac-actions">
53      <li class="dac-action">
54        <a class="dac-action-link" href="{@docRoot}sdk/index.html">
55          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
56          Get the SDK
57        </a>
58      </li>
59      <li class="dac-action">
60        <a class="dac-action-link" href="{@docRoot}samples/index.html">
61          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
62          Browse sample code
63        </a>
64      </li>
65      <li class="dac-action">
66        <a class="dac-action-link" href="{@docRoot}distribute/stories/index.html">
67          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
68          Watch stories
69        </a>
70      </li>
71    </ul>
72  </div><!-- end .wrap -->
73</div><!-- end .dac-actions -->
74
75<div id="useOldTemplates" style="display:none" class="actions-bar dac-expand dac-invert">
76  <div class="wrap dac-offset-parent">
77    <a class="dac-fab dac-scroll-button" data-scroll-button="" href="#build-apps">
78      <i class="dac-sprite dac-arrow-down-gray"></i>
79    </a>
80    <div class="actions">
81      <div><a href="{@docRoot}sdk/index.html">
82        <span class="dac-sprite dac-auto-chevron-large"></span>
83        Get the SDK
84      </a></div>
85      <div><a href="{@docRoot}samples/index.html">
86        <span class="dac-sprite dac-auto-chevron-large"></span>
87        Browse Samples
88      </a></div>
89      <div><a href="{@docRoot}distribute/stories/index.html">
90        <span class="dac-sprite dac-auto-chevron-large"></span>
91        Watch Stories
92      </a></div>
93    </div><!-- end .actions -->
94  </div><!-- end .wrap -->
95</div>
96
97<section class="dac-section dac-light" id="build-apps"><div class="wrap">
98  <h1 class="dac-section-title">Build Beautiful Apps</h1>
99  <div class="dac-section-subtitle">
100    Resources to get you started with designing and developing for Android.
101  </div>
102  <div class="resource-widget resource-flow-layout col-16"
103       data-query="collection:index/primary"
104       data-cardSizes="6x6"
105       data-maxResults="3"></div>
106</div></section>
107
108<div class="dac-hero-carousel" data-carousel-query="collection:index/secondary/carousel">
109</div>
110
111<section class="dac-section dac-gray"><div class="wrap">
112  <div class="cols"><div class="col-10of12 col-push-1of12">
113    <h1 class="dac-section-title">マルチ スクリーンの世界を<br>構築しましょう</h1>
114    <div class="dac-section-subtitle">
115      Android は世界中の数多くの携帯型デバイスで使われています。 <br>
116          そして今回、これらの新しいフォーム ファクタをサポートします。
117    </div>
118  </div></div>
119  <div class="resource-widget resource-flow-layout col-16"
120       data-query="collection:index/multiscreen"
121       data-cardSizes="6x6"
122       data-maxResults="3"></div>
123</div></section>
124