Home | History | Annotate | Download | only in zh-tw
      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 
      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"></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