| fullpage=true |
| page.viewport_width=970 |
| no_footer_links=true |
| carousel=true |
| excludeFromSuggestions=true |
| page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers. |
| page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" /> |
| |
| @jd:body |
| |
| |
| <div class="wrap"> |
| <!-- Slideshow --> |
| <div class="slideshow-container slideshow-home col-16"> |
| <a href="" class="slideshow-prev">Prev</a> |
| <a href="" class="slideshow-next">Next</a> |
| <div class="frame"> |
| <ul> |
| <!-- set explicit widths as needed to prevent overflow issues --> |
| |
| |
| <li class="item carousel-home"> |
| <div class="content-left col-10" style="width:580px;"> |
| <a href="{@docRoot}wear/index.html"> |
| <img src="{@docRoot}images/home/aw_dac.png" style="margin-top:50px" > |
| </a> |
| </div> |
| <div class="content-right col-5" style="width:280px;"> |
| <h1>Introducing Android Wear</h1> |
| <p>We’re extending the Android platform to wearables. You can start building richer wearable experiences for your apps today using the enhanced Notification APIs in this Developer Preview.</p> |
| <p>We can’t wait to see what you will create.</p> |
| <p><a href="{@docRoot}wear/index.html" class="button">Learn more</a></p> |
| </div> |
| </li> |
| |
| |
| <li class="item carousel-home"> |
| <div class="content-left col-11" style="padding-top:65px;"> |
| <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> |
| <div style="box-shadow: 3px 10px 18px 1px #999;width:600px;height:336px"> |
| <div id="ytapiplayer"> |
| <a href="http://www.youtube.com/watch?v=i2uvYI6blEE"><img width=600 |
| src="https://i1.ytimg.com/vi/i2uvYI6blEE/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. --> |
| </div> |
| <script type="text/javascript"> |
| var params = { allowScriptAccess: "always" }; |
| var atts = { id: "ytapiplayer" }; |
| swfobject.embedSWF("//www.youtube.com/v/i2uvYI6blEE?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1", |
| "ytapiplayer", "600", "336", "8", null, null, params, atts); |
| |
| // Callback used to pause/resume carousel based on video state |
| function onytplayerStateChange(newState) { |
| var isPaused = $("#pauseButton").hasClass("paused"); |
| if ((newState == 1) || (newState == 3)) { |
| // if playing or buffering, pause the carousel |
| if (!isPaused) { |
| $("#pauseButton").click(); |
| } |
| } else { |
| // otherwise, make sure carousel is running |
| if (isPaused) { |
| $("#pauseButton").click(); |
| } |
| } |
| } |
| |
| // Callback received when YouTube player loads to setup callback (above) |
| function onYouTubePlayerReady(playerId) { |
| var ytplayer = document.getElementById("ytapiplayer"); |
| ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); |
| } |
| |
| </script> |
| </div> |
| </div> |
| <div class="content-right col-4"> |
| <h1 style="white-space:nowrap;line-height:1.2em;">Developer Story: <br />Box Inc.</h1> |
| <p>Box is a cloud-based platform and app for users to share business information. See how they got over 5 million downloads by leveraging the flexibility in the Android platform.</p> |
| <p><a href="{@docRoot}distribute/googleplay/spotlight/index.html" class="button">Watch more videos </a></p> |
| </div> |
| </li> |
| |
| <li class="item carousel-home"> |
| <div class="content-left col-7" style="width:400px;"> |
| <a href="{@docRoot}about/versions/kitkat.html"> |
| <img src="{@docRoot}images/home/kk-hero.jpg" width="242" style="padding-top:72px;"> |
| </a> |
| </div> |
| <div class="content-right col-4" style="width:340px;"> |
| <h1>Android 4.4 KitKat!</h1> |
| <p>A new version of Android is here, with great new features, APIs, and tools for developers.</p> |
| <p>Android 4.4 is built to run on more devices than ever before, and gives you more ways to showcase your content and create beautiful, useful, and innovative apps.</p> |
| <p>Learn about what's new in the Platform Highlights and see the API Overview for details.</p> |
| <p><a href="{@docRoot}about/versions/kitkat.html" class="button">Check out the highlights</a></p> |
| </div> |
| </li> |
| |
| <li class="item carousel-home"> |
| <div class="content-left col-11" style="padding-top:65px;"> |
| <a href="https://www.youtube.com/watch?v=sONcojECWXs&list=PLWz5rJ2EKKc-2quE-o0enpILZF3nBZg_K&index=1"> |
| <img src="{@docRoot}images/title-devbytes-kk.jpg" style="margin-top:0px;width:600px;"> |
| </a> |
| </div> |
| <div class="content-right col-4"> |
| <h1 style="white-space:nowrap;line-height:1.2em;">DevBytes: <br />Android 4.4</h1> |
| <p>Join the DevBytes team for a look at what's new in Android 4.4 KitKat — new ways to make your apps beautiful, printing, storage access framework, and more.</p> |
| <p><a href="https://www.youtube.com/watch?v=sONcojECWXs&list=PLWz5rJ2EKKc-2quE-o0enpILZF3nBZg_K&index=1" class="button">Watch the video </a></p> |
| </div> |
| </li> |
| |
| <li class="item carousel-home"> |
| <div class="content-left col-19" style="width:580px;"> |
| <a href="{@docRoot}design/patterns/new.html"> |
| <img src="{@docRoot}design/media/design_elements_landing.png" style="margin-top:30px"> |
| </a> |
| </div> |
| <div class="content-right col-4" style="width:280px;"> |
| <h1>Design for Android KitKat</h1> |
| <p>Android KitKat brings a refreshed UI with updated styles, patterns, and gestures to use in your apps. </p> |
| <p>We've updated the Android Design guidelines and added new pages on branding, fullscreen, and more. </p> |
| <p><a href="{@docRoot}design/patterns/new.html" class="button">See what's new</a></p> |
| </div> |
| </li> |
| |
| <li class="item carousel-home"> |
| <div class="content-left col-11" style="padding-top:65px;"> |
| <a href="http://www.youtube.com/watch?v=6QHkv-bSlds&list=PLWz5rJ2EKKc8j2B95zGMb8muZvrIy-wcF&index=1"> |
| <img src="{@docRoot}images/title-adia-kk.png" style="margin-top:0px;width:600px;"> |
| </a> |
| </div> |
| <div class="content-right col-4"> |
| <h1 style="white-space:nowrap;line-height:1.2em;">ADIA: <br />Android 4.4</h1> |
| </p>Join the Android Design in Action team for a walkthrough of new developer features, UX changes, and updates to design guidelines in Android 4.4.</p> |
| <p><a href="http://www.youtube.com/watch?v=6QHkv-bSlds&list=PLWz5rJ2EKKc8j2B95zGMb8muZvrIy-wcF&index=1" class="button">Watch the video </a></p> |
| </div> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <!-- /End slideshow --> |
| |
| <a href="" id="pauseButton" style="display:none">pause</a> |
| |
| |
| </div> |
| <div class="wrap" style="padding-bottom:20px"> |
| <!-- Section links --> |
| <div class="home-sections"> |
| <ul> |
| <li><a href="{@docRoot}about/index.html">About Android</a></li> |
| <li><a href="{@docRoot}sdk/index.html">Get the SDK</a></li> |
| <li><a href="http://source.android.com">Open Source</a></li> |
| <li><a href="{@docRoot}support.html">Support</a></li> |
| <li class="last"><a href="{@docRoot}legal.html">Legal</a></li> |
| </ul> |
| </div> |
| <!-- /Section links --> |
| </div> |