Home | History | Annotate | Download | only in html
      1 fullpage=true
      2 excludeFromSuggestions=true
      3 page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
      4 page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
      5 nonavpage=true
      6 
      7 @jd:body
      8 
      9 <script>
     10   $(document).ready(function() {
     11     if (useUpdatedTemplates) {
     12       $("#useUpdatedTemplates").css("display","block");
     13     } else {
     14       $("#useOldTemplates").css("display","block");
     15     }
     16   })
     17 </script>
     18 
     19 <section class="dac-expand dac-hero dac-invert" style="background-color:#455A64">
     20   <div class="wrap" style="max-width:1100px;margin-top:0">
     21     <div class="col-7of16 col-push-9of16" style="padding-left:2em;">
     22       <a href="{@docRoot}preview/index.html">
     23         <h1 class="dac-hero-title">Android N Developer Preview</h1>
     24         <p class="dac-hero-description">
     25           <strong>Android N final SDK is now available!</strong>
     26           Get ready for the next version of Android!
     27           <strong>Test your apps</strong> on Nexus and other devices. Support new system
     28           behaviors to <strong>save power and memory</strong>.
     29           Extend your apps with <strong>multi-window UI</strong>,
     30           <strong>direct reply notifications</strong> and more.
     31         </p>
     32         <a class="dac-hero-cta" href="/preview/index.html">
     33           <span class="dac-sprite dac-auto-chevron"></span>
     34           Learn more
     35         </a><!--<br>
     36         <a class="dac-hero-cta" href="/preview/support.html">
     37           <span class="dac-sprite dac-auto-chevron"></span>
     38           Update to Developer Preview (final SDK)
     39         </a><br>-->
     40       </a>
     41     </div>
     42     <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:1.5em;padding-right:1.5em;">
     43       <a href="{@docRoot}preview/index.html">
     44         <img style="" class="dac-hero-image" src="/images/home/n-preview-hero.png"
     45              srcset="/images/home/n-preview-hero.png 1x,
     46              /images/home/n-preview-hero_2x.png 2x">
     47         </a>
     48     </div>
     49   </div>
     50 </section>
     51 
     52 <div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
     53   <div class="wrap dac-offset-parent">
     54     <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
     55       <i class="dac-sprite dac-arrow-down-gray"></i>
     56     </a>
     57     <ul class="dac-actions">
     58       <li class="dac-action">
     59         <a class="dac-action-link" href="{@docRoot}studio/index.html">
     60           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     61           Get Android Studio
     62         </a>
     63       </li>
     64       <li class="dac-action">
     65         <a class="dac-action-link" href="{@docRoot}samples/index.html">
     66           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     67           Browse sample code
     68         </a>
     69       </li>
     70       <li class="dac-action">
     71         <a class="dac-action-link" href="{@docRoot}distribute/stories/index.html">
     72           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     73           Watch stories
     74         </a>
     75       </li>
     76     </ul>
     77   </div><!-- end .wrap -->
     78 </div><!-- end .dac-actions -->
     79 
     80 <div id="useOldTemplates" style="display:none" class="actions-bar dac-expand dac-invert">
     81   <div class="wrap dac-offset-parent">
     82     <a class="dac-fab dac-scroll-button" data-scroll-button="" href="#build-apps">
     83       <i class="dac-sprite dac-arrow-down-gray"></i>
     84     </a>
     85     <div class="actions">
     86       <div><a href="{@docRoot}studio/index.html">
     87         <span class="dac-sprite dac-auto-chevron-large"></span>
     88         Get Android Studio
     89       </a></div>
     90       <div><a href="{@docRoot}samples/index.html">
     91         <span class="dac-sprite dac-auto-chevron-large"></span>
     92         Browse Samples
     93       </a></div>
     94       <div><a href="{@docRoot}distribute/stories/index.html">
     95         <span class="dac-sprite dac-auto-chevron-large"></span>
     96         Watch Stories
     97       </a></div>
     98     </div><!-- end .actions -->
     99   </div><!-- end .wrap -->
    100 </div>
    101 
    102 <section class="dac-section dac-light" id="build-apps"><div class="wrap">
    103   <h1 class="dac-section-title">Build Beautiful Apps</h1>
    104   <div class="dac-section-subtitle">
    105     Resources to get you started with designing and developing for Android.
    106   </div>
    107   <div class="resource-widget resource-flow-layout col-16"
    108        data-query="collection:index/primary"
    109        data-cardSizes="6x6"
    110        data-maxResults="3"></div>
    111 </div></section>
    112 
    113 <div class="dac-hero-carousel" data-carousel-query="collection:index/secondary/carousel">
    114 </div>
    115 
    116 <section class="dac-section dac-gray"><div class="wrap">
    117   <div class="cols"><div class="col-10of12 col-push-1of12">
    118     <h1 class="dac-section-title">Build for a Multi-Screen World</h1>
    119     <div class="dac-section-subtitle">
    120       Android runs on billions of handheld devices around the world,
    121       and it now supports these exciting, new form-factors.
    122     </div>
    123   </div></div>
    124   <div class="resource-widget resource-flow-layout col-16"
    125        data-query="collection:index/multiscreen"
    126        data-cardSizes="6x6"
    127        data-maxResults="3"></div>
    128 </div></section>
    129