| page.title=Implementing Effective Navigation |
| |
| trainingnavtop=true |
| startpage=true |
| next.title=Implementing Lateral Navigation |
| next.link=lateral.html |
| |
| @jd:body |
| |
| <div id="tb-wrapper"> |
| <div id="tb"> |
| |
| <h2>Dependencies and prerequisites</h2> |
| |
| <ul> |
| <li>API level 14</li> |
| <li>Understanding of fragments and Android layouts</li> |
| <li><a href="{@docRoot}tools/extras/support-library.html">The Android Support Package</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. |
| The lessons in this class cover implementing navigation up, down, and across your application's <a |
| href="{@docRoot}training/design-navigation/screen-planning.html#diagram- relationships">screen |
| map</a>.</p> |
| |
| <p>After reading through the lessons in this class and exploring the associated sample application |
| (see right), you should also have a basic understanding of how to use |
| {@link android.app.ActionBar} and {@link android.support.v4.view.ViewPager}, two components that are fundamental to core app navigation.</p> |
| |
| |
| <h2 id="lessons">Lessons</h2> |
| |
| |
| <dl> |
| <dt><strong><a href="lateral.html">Implementing Lateral Navigation</a></strong></dt> |
| <dd>Learn how to implement tabs and horizontal paging (swipe views).</dd> |
| |
| <dt><strong><a href="ancestral.html">Implementing Ancestral Navigation</a></strong></dt> |
| <dd>Learn how to implement <em>Up</em> navigation.</dd> |
| |
| <dt><strong><a href="temporal.html">Implementing Temporal Navigation</a></strong></dt> |
| <dd>Learn how to correctly handle the <em>Back</em> button.</dd> |
| |
| <dt><strong><a href="descendant.html">Implementing Descendant Navigation</a></strong></dt> |
| <dd>Learn the finer points of implementing navigation into your application's information hierarchy.</dd> |
| </dl> |