index.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=970" />

<meta name="Description" content="The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>Android Developers</title>

<!-- STYLESHEETS -->
<link rel="stylesheet"
href="http://fonts.googleapis.com/css?family=Roboto+Condensed">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:light,regular,medium,thin,italic,mediumitalic,bold"
  title="roboto">
<link href="assets/css/default-v=5.css" rel="stylesheet" type="text/css">


<!-- JAVASCRIPT -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="assets/js/android_3p-bundle.js" type="text/javascript"></script>
<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
<script type="text/javascript">
  var toRoot = "/";
  var metaTags = [];
  var devsite = false;
</script>
<script src="assets/js/docs-v=3.js" type="text/javascript"></script>


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-5831155-1', 'android.com');
  ga('create', 'UA-49880327-2', 'android.com', {'name': 'universal'});  // New tracker);
  ga('send', 'pageview');
  ga('universal.send', 'pageview'); // Send page view for new tracker.
</script>

</head>

<body class="gc-documentation

" itemscope itemtype="http://schema.org/Article">

<a name="top"></a>

<!-- dialog to prompt lang pref change when loaded from hardcoded URL 
<div id="langMessage" style="display:none">
  <div>
    <div class="lang en">
      <p>You requested a page in English, would you like to proceed with this language setting?</p>
    </div>
    <div class="lang es">
      <p>You requested a page in Spanish (Español), would you like to proceed with this language setting?</p>
    </div>
    <div class="lang ja">
      <p>You requested a page in Japanese (日本語), would you like to proceed with this language setting?</p>
    </div>
    <div class="lang ko">
      <p>You requested a page in Korean (한국어), would you like to proceed with this language setting?</p>
    </div>
    <div class="lang ru">
      <p>You requested a page in Russian (Русский), would you like to proceed with this language setting?</p>
    </div>
    <div class="lang zh-cn">
      <p>You requested a page in Simplified Chinese (简体中文), would you like to proceed with this language setting?</p>
    </div>
    <div class="lang zh-tw">
      <p>You requested a page in Traditional Chinese (繁體中文), would you like to proceed with this language setting?</p>
    </div>
    <a href="#" class="button yes" onclick="return false;">
      <span class="lang en">Yes</span>
      <span class="lang es">Sí</span>
      <span class="lang ja">Yes</span>
      <span class="lang ko">Yes</span>
      <span class="lang ru">Yes</span>
      <span class="lang zh-cn">是的</span>
      <span class="lang zh-tw">没有</span>
    </a>
    <a href="#" class="button" onclick="$('#langMessage').hide();return false;">
      <span class="lang en">No</span>
      <span class="lang es">No</span>
      <span class="lang ja">No</span>
      <span class="lang ko">No</span>
      <span class="lang ru">No</span>
      <span class="lang zh-cn">没有</span>
      <span class="lang zh-tw">没有</span>
    </a>
  </div>
</div> -->


  <!-- Header -->
  <div id="header-wrapper">
    <div id="header">

    
      <div class="wrap" id="header-wrap">
        <div class="col-3 logo">
          <a href="index.html">
            <img src="assets/images/dac_logo.png"
                srcset="/assets/images/dac_logo@2x.png 2x"
                width="123" height="25" alt="Android Developers" />
          </a>
          <div class="btn-quicknav" id="btn-quicknav">
            <a href="index.html#" class="arrow-inactive">Quicknav</a>
            <a href="index.html#" class="arrow-active">Quicknav</a>
          </div>
        </div>
        <ul class="nav-x col-9">
            <li class="design">
              <a href="design/index.html"
              zh-tw-lang="設計"
              zh-cn-lang="设计"
              ru-lang="Проектирование"
              ko-lang="디자인"
              ja-lang="設計"
              es-lang="Diseñar"
              >Design</a></li>
            <li class="develop"><a href="develop/index.html"
              zh-tw-lang="開發"
              zh-cn-lang="开发"
              ru-lang="Разработка"
              ko-lang="개발"
              ja-lang="開発"
              es-lang="Desarrollar"
              >Develop</a></li>
            <li class="distribute last"><a href="distribute/index.html"
              zh-tw-lang="發佈"
              zh-cn-lang="分发"
              ru-lang="Распространение"
              ko-lang="배포"
              ja-lang="配布"
              es-lang="Distribuir"
              >Distribute</a></li>
        </ul>


<div class="menu-container">
  <div class="moremenu">
    <div id="more-btn"></div>
  </div>
  <div class="morehover" id="moremenu">
    <div class="top"></div>
    <div class="mid">
      <div class="header">Links</div>
      <ul>
        <li><a href="https://play.google.com/apps/publish/" target="_googleplay">Google Play Developer Console</a></li>
        <li><a href="http://android-developers.blogspot.com/">Android Developers Blog</a></li>
        <li><a href="about/index.html">About Android</a></li>
      </ul>
      <div class="header">Android Sites</div>
      <ul>
        <li><a href="http://www.android.com">Android.com</a></li>
        <li class="active"><a>Android Developers</a></li>
        <li><a href="http://source.android.com">Android Open Source Project</a></li>
      </ul>

      
        <div class="header">Language</div>
          <div id="language" class="locales">
            <select name="language" onChange="changeLangPref(this.value, true)">
                <option value="en">English</option>
                <option value="es">Español</option>
                <option value="ja">日本語</option>
                <option value="ko">한국어</option>
                <option value="ru">Русский</option>
                <option value="zh-cn">中文（简体)</option>
                <option value="zh-tw">中文（繁體)</option>
            </select>
          </div>
        <script type="text/javascript">
          <!--
          loadLangPref();
            //-->
        </script>
      
      
      <br class="clearfix" />
    </div><!-- end 'mid' -->
    <div class="bottom"></div>
  </div><!-- end 'moremenu' -->

  <div class="search" id="search-container">
    <div class="search-inner">
      <div id="search-btn"></div>
      <div class="left"></div>
      <form onsubmit="return submit_search()">
        <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
          onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
          onkeydown="return search_changed(event, true, '/')"
          onkeyup="return search_changed(event, false, '/')" />
      </form>
      <div class="right"></div>
      <a class="close hide">close</a>
      <div class="left"></div>
      <div class="right"></div>
    </div><!-- end search-inner -->
  </div><!-- end search-container -->

  <div class="search_filtered_wrapper reference">
    <div class="suggest-card reference no-display">
      <ul class="search_filtered">
      </ul>
    </div>
  </div>

  <div class="search_filtered_wrapper docs">
    <div class="suggest-card dummy no-display">&nbsp;</div>
    <div class="suggest-card develop no-display">
      <ul class="search_filtered">
      </ul>
      <div class="child-card guides no-display">
      </div>
      <div class="child-card training no-display">
      </div>
      <div class="child-card samples no-display">
      </div>
    </div>
    <div class="suggest-card design no-display">
      <ul class="search_filtered">
      </ul>
    </div>
    <div class="suggest-card distribute no-display">
      <ul class="search_filtered">
      </ul>
    </div>
  </div>
</div><!-- end menu-container (search and menu widget) -->


        <!-- Expanded quicknav -->
        <div id="quicknav" class="col-13">
          <ul>
            <li class="about">
              <ul>
                <li><a href="about/index.html">About</a></li>
                <li><a href="wear/index.html">Wear</a></li>
                <li><a href="tv/index.html">TV</a></li>
                <li><a href="auto/index.html">Auto</a></li>
              </ul>
            </li>
            <li class="design">
              <ul>
                <li><a href="design/index.html">Get Started</a></li>
                <li><a href="design/devices.html">Devices</a></li>
                <li><a href="design/style/index.html">Style</a></li>
                <li><a href="design/patterns/index.html">Patterns</a></li>
                <li><a href="design/building-blocks/index.html">Building Blocks</a></li>
                <li><a href="design/downloads/index.html">Downloads</a></li>
                <li><a href="design/videos/index.html">Videos</a></li>
              </ul>
            </li>
            <li class="develop">
              <ul>
                <li><a href="training/index.html"
                  zh-tw-lang="訓練課程"
                  zh-cn-lang="培训"
                  ru-lang="Курсы"
                  ko-lang="교육"
                  ja-lang="トレーニング"
                  es-lang="Capacitación"
                  >Training</a></li>
                <li><a href="guide/index.html"
                  zh-tw-lang="API 指南"
                  zh-cn-lang="API 指南"
                  ru-lang="Руководства по API"
                  ko-lang="API 가이드"
                  ja-lang="API ガイド"
                  es-lang="Guías de la API"
                  >API Guides</a></li>
                <li><a href="reference/packages.html"
                  zh-tw-lang="參考資源"
                  zh-cn-lang="参考"
                  ru-lang="Справочник"
                  ko-lang="참조문서"
                  ja-lang="リファレンス"
                  es-lang="Referencia"
                  >Reference</a></li>
                <li><a href="sdk/index.html"
                  zh-tw-lang="相關工具"
                  zh-cn-lang="工具"
                  ru-lang="Инструменты"
                  ko-lang="도구"
                  ja-lang="ツール"
                  es-lang="Herramientas"
                  >Tools</a>
                </li>
                <li><a href="google/index.html">Google Services</a>
                </li>
                
                  <li><a href="samples/index.html">Samples</a>
                  </li>
                
              </ul>
            </li>
            <li class="distribute last">
              <ul>
                <li><a href="distribute/googleplay/index.html">Google Play</a></li>
                <li><a href="distribute/essentials/index.html">Essentials</a></li>
                <li><a href="distribute/users/index.html">Get Users</a></li>
                <li><a href="distribute/engage/index.html">Engage &amp; Retain</a></li>
                <li><a href="distribute/monetize/index.html">Monetize</a></li>
                <li><a href="distribute/analyze/index.html">Analyze</a></li>
                <li><a href="distribute/tools/index.html">Tools &amp; Reference</a></li>
                <li><a href="distribute/stories/index.html">Developer Stories</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /Expanded quicknav -->
      </div><!-- end header-wrap.wrap -->
    </div><!-- end header -->

  
    <div id="searchResults" class="wrap" style="display:none;">
      <h2 id="searchTitle">Results</h2>
      <div id="leftSearchControl" class="search-control">Loading...</div>
    </div>
  </div> <!--end header-wrapper -->

  <div id="sticky-header">
    <div>
      <a class="logo" href="index.html#top"></a>
      <a class="top" href="index.html#top"></a>
      <ul class="breadcrumb">
        
        <li class="current"></li>
      </ul>
    </div>
  </div>


  <div id="body-content">


<div class="fullpage" >


  <div id="jd-content">


    <div class="jd-descr" itemprop="articleBody">
    <div class="home-new-carousel-1">
  <div class="fullscreen-carousel-content">
    <div class="vcenter">
      <div class="wrap clearfix">

        <div class="static resource-flow-layout wrap col-16">
          <div class="resource resource-card resource-card-18x6">

      <div class="landing-section-header">
            <div class="col-10"><img src="images/home/l-hero_2x.png"
                 srcset="/images/home/l-hero.png 1x, /images/home/l-hero_2x.png 2x"
                 width="510" style="margin:20px 30px 0 30px"></div>
            <div class="col-5" style=" margin-top:70px ">
            <h3 stye="font-weight:300;">Android 5.0 Lollipop</h3>
            <p>The Android 5.0 update adds a variety of new
            features for your apps, such as notifications on the lock screen, an all-new camera API,
            OpenGL ES 3.1, the new Material design interface, and much more.</p>
            <a href="about/versions/lollipop.html" class="landing-button landing-primary">Learn More</a>
            </div>
          </div>
          </div>
        </div>
       <h2>&nbsp;</h2>
        <div style="margin-top:20px;height:115px" class="resource-widget resource-flow-layout wrap col-16
        no-section" data-query="collection:index/primary" data-resourcestyle="card"
        data-sortorder="-timestamp" data-maxresults="3" data-cardsizes="6x2,6x2,6x2"></div> <!-- end .resource-widget -->
      </div> <!-- end .wrap -->
    </div> <!-- end .vcenter -->
  </div> <!-- end .fullscreen-carousel-content -->
</div> <!-- end .fullscreen-carousel -->

<div class="actions-bar" style="margin-top:20px">
  <div class="wrap">
    <div class="actions">
      <div><a href="sdk/index.html">Get the SDK</a></div>
      <div><a href="samples/index.html">Browse Samples</a></div>
      <div><a href="http://www.youtube.com/user/androiddevelopers">Watch Videos</a></div>
      <div><a href="distribute/googleplay/developer-console.html">Manage Your Apps</a></div>
    </div><!-- end .actions -->
  </div><!-- end .wrap -->
</div><!-- end .actions-bar -->


<div class="landing-rest-of-page">
  <div class="landing-section">
    <div class="wrap">
      <div class="landing-section-header">

            <div class="landing-h1" style="margin-top:0px">Build for a Multi-Screen World</div>
        <div class="landing-subhead" style="margin-top: 20px;">
          Android runs on hundreds of millions of handheld devices around the world, <br>
          and it now supports these exciting, new form-factors.
        </div>
      </div>
      <div class="landing-body" style="margin-top: 50px;">
        <div class="landing-breakout cols">
          <div class="col-3-wide">
              <img src="images/home/wear-wordmark.png">
              <img src="images/home/wear.png">
              <p class="landing-small">
                Provide information on-the-go for your users, whenever they need it.
            </p>
            <p class="landing-small">
              <a href="wear/index.html">Learn about Android Wear</a>
            </p>
          </div>
          <div class="col-3-wide">
              <img src="images/home/tv-wordmark.png">
             <img src="images/home/tv.png">
              <p class="landing-small">
                Build your apps for the big screen and bring your content to life.
              </p>
            <p class="landing-small">
              <a href="tv/index.html">Learn about Android TV</a>

            </p>
          </div>
          <div class="col-3-wide">
              <img src="images/home/auto-wordmark.png">
              <img src="images/home/auto.png">
              <p class="landing-small">
                Extend your music apps to automobile
                entertainment systems.
             </p>
            <p class="landing-small">
              <a href="auto/index.html">Learn about Android Auto</a>
            </p>
          </div>
        </div>
      </div>
    </div>  <!-- end .wrap -->
  </div> <!-- end .landing-section -->
    </div>

      <div class="content-footer wrap"
                    itemscope itemtype="http://schema.org/SiteNavigationElement">
        
        <div class="paging-links layout-content-col col-10">
          
        </div>
        <div class="layout-content-col plus-container col-2" >
          <style>#___plusone_0 {float:right !important;}</style>
            <div class="g-plusone" data-size="medium"></div>
          
        </div>
        
      </div>

  </div> <!-- end jd-content -->

<div id="footer" class="wrap" style="width:940px">
        

  <div id="copyright">
    
  Except as noted, this content is 
  licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
  Creative Commons Attribution 2.5</a>. For details and 
  restrictions, see the <a href="license.html">Content 
  License</a>.
  </div>


  <div id="footerlinks">
    
  <p>
    <a href="about/index.html">About Android</a>&nbsp;&nbsp;|&nbsp;
    <a href="legal.html">Legal</a>&nbsp;&nbsp;|&nbsp;
    <a href="support.html">Support</a>
  </p>
  </div>

</div> <!-- end footer -->
</div><!-- end doc-content -->

</div> <!-- end body-content --> 


  <script src="ytblogger_lists_unified.js.json" type="text/javascript"></script>
  <script src="jd_lists_unified-v=8.js" type="text/javascript"></script>
  <script src="jd_extras-v=9.js" type="text/javascript"></script>
  <script src="jd_collections-v=9.js" type="text/javascript"></script>
  <script src="jd_tag_helpers-v=5.js" type="text/javascript"></script>

</body>
</html>