| page.title=Implementing Effective Navigation |
| |
| trainingnavtop=true |
| startpage=true |
| |
| @jd:body |
| |
| <div id="tb-wrapper"> |
| <div id="tb"> |
| |
| <h2>Dependencies and prerequisites</h2> |
| |
| <ul> |
| <li>Android 2.2 or higher</li> |
| <li>Understanding of fragments and Android layouts</li> |
| <li><a href="{@docRoot}tools/extras/support-library.html">Android Support Library</a></li> |
| <li><a href="{@docRoot}training/design-navigation/index.html">Designing Effective Navigation</a></li> |
| </ul> |
| |
| <h2>You should also read</h2> |
| |
| <ul> |
| <li><a href="{@docRoot}guide/topics/ui/actionbar.html">Action Bar</a></li> |
| <li><a href="{@docRoot}guide/components/fragments.html">Fragments</a></li> |
| <li><a href="{@docRoot}training/multiscreen/index.html">Designing for Multiple Screens</a></li> |
| </ul> |
| |
| <h2>Try it out</h2> |
| |
| <div class="download-box"> |
| <a href="http://developer.android.com/shareables/training/EffectiveNavigation.zip" |
| class="button">Download the sample app</a> |
| <p class="filename">EffectiveNavigation.zip</p> |
| </div> |
| |
| </div> |
| </div> |
| |
| |
| <p>This class demonstrates how to implement the key navigation design patterns detailed in the |
| <a href="{@docRoot}training/design-navigation/index.html">Designing Effective Navigation</a> class. |
| </p> |
| |
| <p>After reading the lessons in this class, you should have a strong understanding of how to |
| implement navigation patterns with tabs, swipe views, and a navigation drawer. You should also |
| understand how to provide proper <em>Up</em> and <em>Back</em> navigation.</p> |
| |
| <p class="note"><strong>Note:</strong> Several elements of this class require the |
| <a href="{@docRoot}tools/extras/support-library.html">Support Library</a> APIs. |
| If you have not used the Support Library before, follow the lesson about <a |
| href="{@docRoot}training/basics/fragments/support-lib.html">Using the Support Library</a> |
| to get your project set up.</p> |
| |
| |
| <h2 id="lessons">Lessons</h2> |
| |
| <dl> |
| <dt><strong><a href="lateral.html">Creating Swipe Views with Tabs</a></strong></dt> |
| <dd>Learn how to implement tabs in the action bar and provide |
| horizontal paging (swipe views) to navigate between tabs.</dd> |
| |
| <dt><strong><a href="nav-drawer.html">Creating a Navigation Drawer</a></strong></dt> |
| <dd>Learn how to build an interface with a hidden navigation drawer on the side |
| of the screen that opens with a swipe or by pressing the action bar's app icon.</dd> |
| |
| <dt><strong><a href="ancestral.html">Providing Up Navigation</a></strong></dt> |
| <dd>Learn how to implement <em>Up</em> navigation using the action bar's app icon.</dd> |
| |
| <dt><strong><a href="temporal.html">Providing Proper Back Navigation</a></strong></dt> |
| <dd>Learn how to correctly handle the <em>Back</em> button in special cases, |
| including how to insert activities into the back stack when deep-linking the user |
| from notifications or app widgets.</dd> |
| |
| <dt><strong><a href="descendant.html">Implementing Descendant Navigation</a></strong></dt> |
| <dd>Learn the finer points of navigating down into your application's information hierarchy.</dd> |
| </dl> |