129 lines
7.0 KiB
Plaintext
129 lines
7.0 KiB
Plaintext
fullpage=true
|
||
no_footer_links=true
|
||
carousel=true
|
||
page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
|
||
@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>
|
||
<li class="item carousel-home">
|
||
<div class="content-left col-10">
|
||
<img src="{@docRoot}images/home/io-extended-2013.png" style="margin:90px 0 0">
|
||
</div>
|
||
<div class="content-right col-5">
|
||
<h1>Google I/O Extended</h1>
|
||
<p>Android will be at Google I/O on May 15-17, 2013, with sessions covering topics
|
||
such as design, performance, and how to enhance your app with the latest Android features.</p>
|
||
<p>Even if you can't make it there, you can experience the excitement and innovation of
|
||
Google I/O remotely with Google I/O Extended.</p>
|
||
<p><a href="https://developers.google.com/events/io/io-extended/?utm_source=site&utm_medium=emb&utm_campaign=extended-android-site"
|
||
>Organize or attend an event near you »</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:338px">
|
||
<div id="ytapiplayer">
|
||
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/RRelFvc6Czo?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1",
|
||
"ytapiplayer", "600", "338", "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:1em;">Developer Story: Smule</h1>
|
||
<p>The creators of AutoRap, Magic Piano, and Songify talk about launching on
|
||
Android and the explosive global growth they’ve seen on Google Play.</p>
|
||
</div>
|
||
</li>
|
||
<li class="item carousel-home">
|
||
<div class="content-left col-9">
|
||
<a href="{@docRoot}about/versions/jelly-bean.html"><img src="{@docRoot}images/home/android-jellybean.png" ></a>
|
||
</div>
|
||
<div class="content-right col-6">
|
||
<h1>Android 4.2 Jelly Bean!</h1>
|
||
<p>The latest version of Jelly Bean is here, with performance optimizations, a refreshed UI, and great new features for developers. </p>
|
||
<p>Android 4.2 includes APIs for developing lock sceen widgets and Daydream screensavers, using external displays, creating RTL layouts, building flexible UI with nested Fragments, and much more.</p>
|
||
<p><a href="{@docRoot}about/versions/jelly-bean.html" class="button">Learn More</a></p>
|
||
</div>
|
||
</li>
|
||
<li class="item carousel-home">
|
||
<div class="content-left col-10">
|
||
<img src="{@docRoot}images/home/design.png" style="margin-top:30px">
|
||
</div>
|
||
<div class="content-right col-5">
|
||
<h1>Make your Android apps<br>look great</h1>
|
||
<p>New templates in the design guide make it easier than ever to design apps
|
||
that are beautiful and easy to use.</p>
|
||
<p><a href="{@docRoot}design/index.html" class="button">Learn More</a></p>
|
||
</div>
|
||
</li>
|
||
<li class="item carousel-home">
|
||
<div class="content-left col-10">
|
||
<img src="{@docRoot}images/home/google-play.png"
|
||
style="margin-top:50px">
|
||
</div>
|
||
<div class="content-right col-5">
|
||
<h1>Publish your apps<br>in Google Play</h1>
|
||
<p>The most visited store in the world for Android apps. Cloud-connected and always synced, it's never been easier for users to find and download your apps.</p>
|
||
|
||
<p><a href="{@docRoot}distribute/index.html" class="button">Learn More</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>
|