Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit ec81e8bd authored by Roman Nurik's avatar Roman Nurik Committed by Android (Google) Code Review
Browse files

Merge "Revamp resources listing, part 1 (frameworks/base)"

parents 58006194 e577d72a
Loading
Loading
Loading
Loading
+49 −0
Original line number Diff line number Diff line
page.title=Technical Resources
@jd:body

<style type="text/css">
  {@literal @import} "{@docRoot}assets/android-developer-resource-browser.css";
</style>

<script type="text/javascript" src="{@docRoot}assets/android-developer-resource-browser.js"></script>
<script type="text/javascript" src="{@docRoot}assets/microtemplate.js"></script>

<div>
  <p style="display: none; float: right">Filter: <input id="resource-browser-keyword-filter"/></p>
  <p id="resource-browser-search-params">Showing all technical resources:</p>
</div>

<noscript>
  <p class="note"><strong>Error:</strong>
    You must have JavaScript enabled to view this page. Resources are also
    available offline in the SDK.
  </p>
</noscript>

<div id="resource-browser-results">
  <div class="no-results">No results.</div>
</div>

<script type="text/html" id="tmpl_resource_browser_result">
<div class="result">
  <h3>
    <% if ('external' in tagsHash) { %><strong>External: </strong> <% } %>
    <a href="<%= path %>"><%= title.en %></a>
    <% if ('new' in tagsHash) { %><span class="new">new!</span> <% } %>
  </h3>
  <p class="resource-meta"><%
    var __g = ['', ''];
    if ('article' in tagsHash) {
      __g = ['Article', 'about'];
    } else if ('tutorial' in tagsHash) {
      __g = ['Tutorial', 'on'];
    } else if ('sample' in tagsHash) {
      __g = ['Sample', 'for'];
    } else if ('video' in tagsHash) {
      __g = ['Video', 'about'];
    }
  %>
  <%= __g[0] %><% if (topicsHtml) { %> <%= __g[1] %><% } %> <%= topicsHtml %></p>
  <p><%= description.en %></p>
</div>
</script>
+74 −22
Original line number Diff line number Diff line
page.title=Developer Resources
@jd:body

<style type="text/css">
  #resource-list-table td {
    border: 0;
    padding: 0 24px;
    width: 33%;
    max-width: 250px;
    border-right: 1px solid #ddd;
  }

  #resource-list-table td.last {
    border-right: 0;
    padding-right: 0;
  }
</style>

<p>
This section provides technical articles, tutorials, sample code, and other
This section provides articles, tutorials, sample code, and other
information to help you quickly implement the features you want in your
application.
application. To return to this page later, just click the "Resources"
tab while any Resources page is loaded.
</p>

<dl>
<dt><b>Technical Articles</b></dt>
<dd>Focused discussions about Android development subjects, including
optimizations, tips, interesting implementations,
and so on. Most of the articles provide "how-to" instructions for adding
features or functionality to your app. The articles are drawn from posts to the
Android Developers Blog.
</dd>

<dt><b>Tutorials</b></dt>
<dd>Step-by-step instructions demonstrating how to build an Android application
that has the specific features you want. </dd>

<dt><b>Sample Code</b></dt>
<dd>Fully-functioning sample applications that you can look at or build and run,
<h2>Technical Resources</h2>

<table id="resource-list-table">
<tr>
  <td>
    <a href="{@docRoot}resources/browser.html?tag=sample">
      <img src="{@docRoot}assets/images/resource-big-sample.png"/>
    </a>
    <h3><a href="{@docRoot}resources/browser.html?tag=sample">
      Sample Code
    </a></h3>
    <p>Fully-functioning sample applications that you can build and run
    to learn about how Android works. Feel free to reuse any of the code or
techniques that you find in the samples!</dd>
    techniques in the samples.</p>
  </td>
  <td>
    <a href="{@docRoot}resources/browser.html?tag=article">
      <img src="{@docRoot}assets/images/resource-big-article.png"/>
    </a>
    <h3><a href="{@docRoot}resources/browser.html?tag=article">
      Articles
    </a></h3>
    <p>Focused discussions about Android development subjects, including
    optimizations, tips, interesting implementations, "how-tos",
    and so on.</p>
  </td>
  <td>
    <a href="{@docRoot}resources/browser.html?tag=tutorial">
      <img src="{@docRoot}assets/images/resource-big-tutorial.png"/>
    </a>
    <h3><a href="{@docRoot}resources/browser.html?tag=tutorial">
      Tutorials
    </a></h3>
    <p>Step-by-step instructions demonstrating how to build an Android application
    that has the specific features you want.</p>
  </td>
  <!-- <td class="last">
    <a href="{@docRoot}resources/browser.html?tag=video">
      <img src="{@docRoot}assets/images/resource-big-video.png"/>
    </a>
    <h3><a href="{@docRoot}resources/browser.html?tag=video">
      Videos &amp; Screencasts
    </a></h3>
    <p>Videos and presentation slides from developer events, along with
    screencasts to walk you through common Android development
    workflows.</p>
  </td> -->
</tr>
</table>

<h2>Other Resources</h2>

<dl>
<dt><b>Community</b></dt>
<dd>Links to the Android discussion groups and information about other ways to
collaborate with other developers. </dd>

<dt><b>Device Dashboard</b></dt>
<dd>Device distribution data, grouped by various dimensions such as screen size
and Android platform version. </dd>

<dt><b>More</b></dt>
<dd>Quick development tips, troubleshooting information, and frequently asked
questions (FAQs). </dd>
</dl>

<p>To return to this page later, just click the "Resources" tab while any
Resources page is loaded. </p>
 No newline at end of file
+622 −0

File added.

Preview size limit exceeded, changes collapsed.

+51 −237
Original line number Diff line number Diff line
<ul>
  <li>
    <h2><span class="en">Technical Resources</span>
    </h2>
    <ul>
      <li class="toggle-list">
        <div><a href="<?cs var:toroot ?>resources/browser.html?tag=sample">
            <span class="en">Sample Code</span>
            <span class="de" style="display:none">Beispielcode</span>
            <span class="es" style="display:none">Código de ejemplo</span>
            <span class="fr" style="display:none">Exemple de code</span>
            <span class="it" style="display:none">Codice di esempio</span>
            <span class="ja" style="display:none">サンプル コード</span>
            <span class="zh-CN" style="display:none"></span>
            <span class="zh-TW" style="display:none"></span>
          </a></div>
        <ul id="devdoc-nav-sample-list">
          <li><a href="<?cs var:toroot ?>resources/samples/get.html">
                <span class="en">Getting the Samples</span>
              </a></li>
        </ul>
      </li>
      <li class="toggle-list">
        <div><a href="<?cs var:toroot ?>resources/browser.html?tag=article">
               <span class="en">Articles</span>
             </a></div>
        <ul id="devdoc-nav-article-list">
        </ul>
      </li>
      <li class="toggle-list">
        <div><a href="<?cs var:toroot ?>resources/browser.html?tag=tutorial">
               <span class="en">Tutorials</span>
               <span class="de" style="display:none">Lernprogramme</span>
               <span class="es" style="display:none">Tutoriales</span>
               <span class="fr" style="display:none">Didacticiels</span>
               <span class="it" style="display:none">Esercitazioni</span>
               <span class="ja" style="display:none">チュートリアル</span>
               <span class="zh-CN" style="display:none"></span>
               <span class="zh-TW" style="display:none"></span>
             </a></div>
        <ul id="devdoc-nav-tutorial-list">
        </ul>
      </li>
      <li class="toggle-list">
        <div><a href="<?cs var:toroot ?>resources/topics.html">
               <span class="en">Topics</span>
             </a></div>
        <ul id="devdoc-nav-topic-list">
        </ul>
      </li>
    </ul>
  </li>
  <li>
    <h2><span class="en">Community</span>
               <span style="display:none" class="de"></span>
@@ -34,241 +85,6 @@
  </li><?cs
  /if
?>

  <li>
    <h2><span class="en">Technical Articles</span>
    </h2>
    <ul>
      <li class="toggle-list">
        <div><a href="<?cs var:toroot ?>resources/articles/index.html">
               <span class="en">List of Articles</span>
             </a></div>
        <ul>
        <li><a href="<?cs var:toroot ?>resources/articles/avoiding-memory-leaks.html">
                <span class="en">Avoiding Memory Leaks</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/backward-compatibility.html">
                <span class="en">Backward Compatibility</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/can-i-use-this-intent.html">
                <span class="en">Can I Use this Intent?</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/creating-input-method.html">
                <span class="en">Creating an Input Method</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/drawable-mutations.html">
                <span class="en">Drawable Mutations</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/faster-screen-orientation-change.html">
                <span class="en">Faster Screen Orientation Change</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/future-proofing.html">
                <span class="en">Future-Proofing Your Apps</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/gestures.html">
                <span class="en">Gestures</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/glsurfaceview.html">
                <span class="en">Introducing GLSurfaceView</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/layout-tricks-reuse.html">
                <span class="en">Layout Tricks: Reusing </span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/layout-tricks-efficiency.html">
                <span class="en">Layout Tricks: Efficiency</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/layout-tricks-stubs.html">
                <span class="en">Layout Tricks: ViewStubs </span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/layout-tricks-merge.html">
                <span class="en">Layout Tricks: Merging </span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/listview-backgrounds.html">
                <span class="en">ListView Backgrounds</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/live-folders.html">
                <span class="en">Live Folders</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/live-wallpapers.html">
                <span class="en">Live Wallpapers</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/on-screen-inputs.html">
                <span class="en">Onscreen Input Methods</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/painless-threading.html">
                <span class="en">Painless Threading</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/qsb.html">
                <span class="en">Quick Search Box</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/speech-input.html">
                <span class="en">Speech Input</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/touch-mode.html">
                <span class="en">Touch Mode</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/track-mem.html">
                <span class="en">Tracking Memory Allocations</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/ui-1.5.html">
                <span class="en">UI Framework Changes in Android 1.5</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/ui-1.6.html">
                <span class="en">UI Framework Changes in Android 1.6</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/timed-ui-updates.html">
                <span class="en">Updating the UI from a Timer</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/tts.html">
                <span class="en">Using Text-to-Speech</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/contacts.html">
                <span class="en">Using the Contacts API</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/using-webviews.html">
                <span class="en">Using WebViews</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/wikinotes-linkify.html">
                <span class="en">WikiNotes: Linkify your Text!</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/wikinotes-intents.html">
                <span class="en">WikiNotes: Routing Intents</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/window-bg-speed.html">
                <span class="en">Window Backgrounds &amp; UI Speed</span>
                </a></li>
        <li><a href="<?cs var:toroot ?>resources/articles/zipalign.html">
                <span class="en">Zipalign: An Easy Optimization</span>
                </a></li>
        </ul>
      </li>
    </ul>
   </li>

  <li>
    <h2><span class="en">Tutorials</span>
               <span class="de" style="display:none">Lernprogramme</span>
               <span class="es" style="display:none">Tutoriales</span>
               <span class="fr" style="display:none">Didacticiels</span>
               <span class="it" style="display:none">Esercitazioni</span>
               <span class="ja" style="display:none">チュートリアル</span>
               <span class="zh-CN" style="display:none"></span>
               <span class="zh-TW" style="display:none"></span>
    </h2>
    <ul>
      <li><a href="<?cs var:toroot ?>resources/tutorials/hello-world.html">
            <span class="en">Hello World</span>
          </a></li>
      <li><a href="<?cs var:toroot ?>resources/tutorials/views/index.html">
            <span class="en">Hello Views</span>
          </a></li>
      <li><a href="<?cs var:toroot ?>resources/tutorials/localization/index.html">
            <span class="en">Hello Localization</span>
          </a></li>
      <li><a href="<?cs var:toroot ?>resources/tutorials/testing/helloandroid_test.html">
            <span class="en">Hello Testing</span></a>
            <span class="new">new!</span>
      </li>
      <li><a href="<?cs var:toroot ?>resources/tutorials/notepad/index.html">
            <span class="en">Notepad Tutorial</span>
          </a></li>
      <li><a href="<?cs var:toroot ?>resources/tutorials/testing/activity_test.html">
            <span class="en">Activity Testing</span></a>
            <span class="new">new!</span>
      </li>
    </ul>
  </li>


  <li>
    <h2><span class="en">Sample Code</span>
               <span class="de" style="display:none">Beispielcode</span>
               <span class="es" style="display:none">Código de ejemplo</span>
               <span class="fr" style="display:none">Exemple de code</span>
               <span class="it" style="display:none">Codice di esempio</span>
               <span class="ja" style="display:none">サンプル コード</span>
               <span class="zh-CN" style="display:none"></span>
               <span class="zh-TW" style="display:none"></span>
    </h2>
    <ul>
      <li><a href="<?cs var:toroot ?>resources/samples/get.html">
            <span class="en">Getting the Samples</span>
          </a></li>
      <li class="toggle-list">
        <div><a href="<?cs var:toroot ?>resources/samples/index.html">
               <span class="en">List of Samples</span>
             </a></div>
        <ul>
          <li><a href="<?cs var:toroot ?>resources/samples/ApiDemos/index.html">
                <span class="en">API Demos</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/BackupRestore/index.html">
                <span class="en">Backup and Restore</span>
              </a> <span class="new">new!</span></li>
          <li><a href="<?cs var:toroot ?>resources/samples/BluetoothChat/index.html">
                <span class="en">Bluetooth Chat</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/BusinessCard/index.html">
                <span class="en">Business Card</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/ContactManager/index.html">
                <span class="en">Contact Manager</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/Home/index.html">
                <span class="en">Home</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/JetBoy/index.html">
                <span class="en">JetBoy</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/CubeLiveWallpaper/index.html">
                <span class="en">Live Wallpaper</span>
                </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/LunarLander/index.html">
                <span class="en">Lunar Lander</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/MultiResolution/index.html">
                <span class="en">Multiple Resolutions</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/NotePad/index.html">
                <span class="en">Note Pad</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/SampleSyncAdapter/index.html">
                <span class="en">Sample Sync Adapter</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/SearchableDictionary/index.html">
                <span class="en">Searchable Dictionary v2</span>
              </a> <span class="new">new!</span></li>
          <li><a href="<?cs var:toroot ?>resources/samples/Snake/index.html">
                <span class="en">Snake</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/SoftKeyboard/index.html">
                <span class="en">Soft Keyboard</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/Spinner/index.html">
                <span class="en">Spinner</span>
                </a> <span class="new">new!</span></li>
          <li><a href="<?cs var:toroot ?>resources/samples/SpinnerTest/index.html">
                <span class="en">SpinnerTest</span>
                </a> <span class="new">new!</span></li>
          <li><a href="<?cs var:toroot ?>resources/samples/TicTacToeLib/index.html">
                <span class="en">TicTacToeLib</span>
                </a> <span class="new">new!</span></li>
          <li><a href="<?cs var:toroot ?>resources/samples/TicTacToeMain/index.html">
                <span class="en">TicTacToeMain</span>
                </a> <span class="new">new!</span></li>
          <li><a href="<?cs var:toroot ?>resources/samples/Wiktionary/index.html">
                <span class="en">Wiktionary</span>
              </a></li>
          <li><a href="<?cs var:toroot ?>resources/samples/WiktionarySimple/index.html">
                <span class="en">Wiktionary (Simplified)</span>
              </a></li>
        </ul>
      </li>
    </ul>
  </li>



  <li>
    <h2><span class="en">More</span>
    </h2>
@@ -297,8 +113,6 @@
     </li>
    </ul>
  </li>


</ul>

<script type="text/javascript">
+72 −0
Original line number Diff line number Diff line
page.title=Technical Resource Topics
@jd:body

<style type="text/css">
  #resource-topic-table td {
    border: 0;
    padding: 0;
    margin: 0;
    padding-left: 1em;
    width: 18em;
  }

  #resource-topic-table ul {
    padding: 0;
    margin: 0;
  }

  #resource-topic-table li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
</style>

<p>
You can browse the list of technical resources by topic by clicking on the
links below. Over time, as more topics are added, they will be added to the
list below.
</p>

<noscript>
  <p class="note"><strong>Error:</strong>
    You must have JavaScript enabled to view this page. Resources are also
    available offline in the SDK.
  </p>
</noscript>

<table id="resource-topic-table">
  <tr></tr>
</table>

<script type="text/javascript">
<!-- 
(function() {
  var topics = [];
  for (var topic in ANDROID_TAGS['topic']) {
    topics.push({name:topic,title:ANDROID_TAGS['topic'][topic]});
  }
  topics.sort(function(x,y){ return (x.title < y.title) ? -1 : 1; });
  var topicParent = null;
  for (var i = 0; i < topics.length; i++) {
    if (topicParent == null || i % 10 == 0) {
      // create a new column
      topicParent = $('ul', $('<td><ul>').appendTo('#resource-topic-table tr'));
    }

    topicParent.append(
        $('<li>').append(
          $('<h3>').append(
            $('<a>')
              .attr('href', toRoot + "resources/browser.html?tag=" + topics[i].name)
              .append($('<span>')
                .addClass('en')
                .html(topics[i].title)
              )
            )
          )
        );
  }
})();
//-->
</script>
 No newline at end of file