mirror of https://github.com/tasks/tasks
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
193 lines
10 KiB
HTML
193 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="ActionBarSherlock is an extension of the compatibility library designed to facilitate the use of the action bar design pattern across all versions of Android leveraging the best API available." />
|
|
|
|
<title>ActionBarSherlock - Home</title>
|
|
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="static/ie.css" type="text/css" media="screen" /><![endif]-->
|
|
<link rel="stylesheet" href="static/1120.css" type="text/css" media="screen" />
|
|
<link rel="stylesheet" href="static/styles.css" type="text/css" media="screen" />
|
|
|
|
<script type="text/javascript" src="static/css3-mediaqueries.js"></script><!-- http://code.google.com/p/css3-mediaqueries-js/ -->
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="static/jquery.cross-slide.min.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
$(function() {
|
|
$.getJSON('https://api.github.com/repos/JakeWharton/ActionBarSherlock/tags?callback=?', function(response) {
|
|
var meta = response.meta
|
|
, data = response.data
|
|
;
|
|
|
|
data.sort(function(o1, o2) {
|
|
return (o1.name < o2.name) ? -1 : 1;
|
|
});
|
|
|
|
var last = data[data.length - 1];
|
|
$('#latest-version').html('v' + last.name);
|
|
$('#latest-zip').attr('href', last.zipball_url);
|
|
$('#latest-tarball').attr('href', last.tarball_url);
|
|
});
|
|
|
|
$('#feature-images').crossSlide({
|
|
sleep: 3,
|
|
fade: 1,
|
|
}, [
|
|
{ src: 'static/feature_01.png' },
|
|
{ src: 'static/feature_02.png' },
|
|
{ src: 'static/feature_03.png' },
|
|
]).css('height', '400px');
|
|
});
|
|
</script>
|
|
</head>
|
|
<body id="home">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="half" id="feature">
|
|
<p id="header"><a class="img" href="index.html"><img src="static/logo.png" alt="Home"/></a></p>
|
|
<p class="lead">ActionBarSherlock is an extension of the <a href="http://developer.android.com/sdk/compatibility-library.html">support library</a> designed to facilitate the use of the action bar design pattern across all versions of Android with a single API.</p>
|
|
<div id="sherlock"><a href="merch-and-donations.html"><img src="static/mascot.png" alt="Donations & Merhandise" title="Buy me on a shirt!"/></a></div>
|
|
<p>The library will automatically use the native action bar when appropriate or will automatically wrap a custom implementation around your layouts. This allows you to easily develop an application with an action bar for every version of Android from 2.x and up.</p>
|
|
<div id="download">
|
|
<p><span>Download <span id="latest-version"></span>:</span> <a id="latest-zip" href="https://github.com/JakeWharton/ActionBarSherlock/downloads">Zip</a> <a id="latest-tarball" href="https://github.com/JakeWharton/ActionBarSherlock/downloads">Tarball</a> <a id="download_more" href="download.html">More...</a></p>
|
|
</div>
|
|
</div>
|
|
<div id="feature-images" class="half last">
|
|
<img src="static/feature_01.png"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" id="features">
|
|
<div class="fourth feature">
|
|
<h1><a href="usage.html">Usage</a></h1>
|
|
<p>Interaction with the action bar is provided through a single API by calling <code>getSupportActionBar()</code>. The methods provided by this interface mirror those of the native action bar exactly.</p>
|
|
<p>Enabling support is as simple as extending your activities from one of the 'Sherlock' base activities and declaring a theme in your manifest file.</p>
|
|
<p><a href="usage.html">Learn More »</a></p>
|
|
</div>
|
|
<div class="fourth feature">
|
|
<h1><a href="theming.html">Theming</a></h1>
|
|
<p>A single theme can be used to style the action bar to match the look and feel of your application.</p>
|
|
<p>If you need to customize the look for a phone or tablet, Android's powerful resource filtering can still be leveraged.</p>
|
|
<p><a href="theming.html">Learn More »</a></p>
|
|
</div>
|
|
<div class="fourth feature">
|
|
<h1><a href="samples.html">Samples</a></h1>
|
|
<p>View screenshots and descriptions of the three sample applications which are bundled with the project as well as open source applications who chose to implement the library.</p>
|
|
<p>Each project links to its source so you can investigate their code for reference.</p>
|
|
<p><a href="samples.html">Learn More »</a></p>
|
|
</div>
|
|
<div class="fourth last feature">
|
|
<h1>Resources</h1>
|
|
<dl>
|
|
<dt><a href="faq.html">Frequently Asked Questions</a></dt>
|
|
<dd>Common pitfalls and their solutions.</dd>
|
|
<dt><a href="support.html">Help & Support</a></dt>
|
|
<dd>Places to go when you need assistance with implementation.</dd>
|
|
<dt><a href="development.html">Development</a></dt>
|
|
<dd>Contribute to the libary.</dd>
|
|
<dt><a href="merch-and-donations.html">Merchandise & Donations</a></dt>
|
|
<dd>Show support by purchasing a shirt with our mascot and/or donate directly!</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" id="apps">
|
|
<div class="whole">
|
|
<h1>Featured Implementations</h1>
|
|
</div>
|
|
<div class="whole">
|
|
<div class="half app">
|
|
<img src="static/apps/com.squareup.cardcase.png"/>
|
|
<div class="info">
|
|
<h4>Square Wallet</h4>
|
|
<p class="desc">Fumbling for cash or plastic is a thing of the past. With Square Wallet, you just say your name to pay. Square Wallet also helps you discover nearby merchants and earn rewards.</p>
|
|
<p class="links"><a href="https://play.google.com/store/apps/details?id=com.squareup.cardcase">View on Play Store</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="half app last">
|
|
<img src="static/apps/com.github.mobile.png"/>
|
|
<div class="info">
|
|
<h4>GitHub</h4>
|
|
<p class="desc">Create, manage, and discuss issues and stay up to date with an integrated news feed for all your organizations, friends, and repositories.</p>
|
|
<p class="links"><a href="https://play.google.com/store/apps/details?id=com.github.mobile">View on Play Store</a> · <a href="https://github.com/github/android">View GitHub project</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="whole">
|
|
<div class="half app">
|
|
<img src="static/apps/com.battlelancer.seriesguide.png"/>
|
|
<div class="info">
|
|
<h4>SeriesGuide Show Manager</h4>
|
|
<p class="desc">Manage the progress of (re-)watching your favorite TV shows. Keep track of which episodes you still have to watch or which ones are upcoming.</p>
|
|
<p class="links"><a href="https://play.google.com/store/apps/details?id=com.battlelancer.seriesguide">View on Play Store</a> · <a href="https://github.com/UweTrottmann/SeriesGuide">View GitHub project</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="half app last">
|
|
<img src="static/apps/com.joelapenna.foursquared.png"/>
|
|
<div class="info">
|
|
<h4>Foursquare</h4>
|
|
<p class="desc">Heading out? foursquare helps you and your friends make the most of where you are. Join the over 20 million people who are already on foursquare.</p>
|
|
<p class="links"><a href="https://play.google.com/store/apps/details?id=com.joelapenna.foursquared">View on Play Store</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" id="footer">
|
|
<div class="half">
|
|
<p>© 2012 Jake Wharton <small>( <a href="http://twitter.com/JakeWharton">@</a> / <a href="http://profiles.google.com/jakewharton">+</a> )</small></p>
|
|
</div>
|
|
<div class="half last social">
|
|
<g:plusone size="medium" href="http://actionbarsherlock.com"></g:plusone>
|
|
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://actionbarsherlock.com" data-text="ActionBarSherlock - Action bar design pattern for all versions of Android." data-count="horizontal" data-via="JakeWharton">Tweet</a>
|
|
<iframe src="http://www.facebook.com/plugins/like.php?app_id=186126341440594&href=http%3A%2F%2Factionbarsherlock.com&send=false&layout=button_count&width=90&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
|
|
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://actionbarsherlock.com"></a><noscript><a href="http://flattr.com/thing/320252/ActionBarSherlock" target="_blank"><img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
|
|
<a id="github" href="https://github.com/JakeWharton/ActionBarSherlock"><img style="position: absolute; top: 0; right: 0; border: 0;" src="static/ribbon.png" alt="Fork me on GitHub"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var _gauges = _gauges || [];
|
|
(function() {
|
|
var t = document.createElement('script');
|
|
t.type = 'text/javascript';
|
|
t.async = true;
|
|
t.id = 'gauges-tracker';
|
|
t.setAttribute('data-site-id', '4f455953f5a1f51c10000075');
|
|
t.src = '//secure.gaug.es/track.js';
|
|
var s = document.getElementsByTagName('script')[0];
|
|
s.parentNode.insertBefore(t, s);
|
|
})();
|
|
|
|
(function() {
|
|
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
|
|
s.type = 'text/javascript';
|
|
s.async = true;
|
|
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
|
|
t.parentNode.insertBefore(s, t);
|
|
})();
|
|
|
|
(function() {
|
|
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
|
|
s.type = 'text/javascript';
|
|
s.async = true;
|
|
s.src = 'http://apis.google.com/js/plusone.js';
|
|
t.parentNode.insertBefore(s, t);
|
|
})();
|
|
|
|
(function() {
|
|
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
|
|
s.type = 'text/javascript';
|
|
s.async = true;
|
|
s.src = 'http://platform.twitter.com/widgets.js';
|
|
t.parentNode.insertBefore(s, t);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|