| Roman Nurik | 19266f7 | 2012-03-12 21:48:47 -0700 | [diff] [blame] | 1 | page.title=Implementing Effective Navigation |
| 2 | |
| 3 | trainingnavtop=true |
| 4 | startpage=true |
| 5 | next.title=Implementing Lateral Navigation |
| 6 | next.link=lateral.html |
| 7 | |
| 8 | @jd:body |
| 9 | |
| 10 | <div id="tb-wrapper"> |
| 11 | <div id="tb"> |
| 12 | |
| 13 | <h2>Dependencies and prerequisites</h2> |
| 14 | |
| 15 | <ul> |
| 16 | <li>API level 14</li> |
| 17 | <li>Understanding of fragments and Android layouts</li> |
| Scott Main | 50e990c | 2012-06-21 17:14:39 -0700 | [diff] [blame] | 18 | <li><a href="{@docRoot}tools/extras/support-library.html">The Android Support Package</a></li> |
| Roman Nurik | 19266f7 | 2012-03-12 21:48:47 -0700 | [diff] [blame] | 19 | <li><a href="{@docRoot}training/design-navigation/index.html">Designing Effective Navigation</a></li> |
| 20 | </ul> |
| 21 | |
| 22 | <h2>You should also read</h2> |
| 23 | |
| 24 | <ul> |
| 25 | <li><a href="{@docRoot}guide/topics/ui/actionbar.html">Action Bar</a></li> |
| Scott Main | 50e990c | 2012-06-21 17:14:39 -0700 | [diff] [blame] | 26 | <li><a href="{@docRoot}guide/components/fragments.html">Fragments</a></li> |
| Roman Nurik | 19266f7 | 2012-03-12 21:48:47 -0700 | [diff] [blame] | 27 | <li><a href="{@docRoot}training/multiscreen/index.html">Designing for Multiple Screens</a></li> |
| 28 | </ul> |
| 29 | |
| 30 | <h2>Try it out</h2> |
| 31 | |
| 32 | <div class="download-box"> |
| 33 | <a href="http://developer.android.com/shareables/training/EffectiveNavigation.zip" |
| 34 | class="button">Download the sample app</a> |
| 35 | <p class="filename">EffectiveNavigation.zip</p> |
| 36 | </div> |
| 37 | |
| 38 | </div> |
| 39 | </div> |
| 40 | |
| 41 | |
| 42 | <p>This class demonstrates how to implement the key navigation design patterns detailed in the |
| 43 | <a href="{@docRoot}training/design-navigation/index.html">Designing Effective Navigation</a> class. |
| 44 | The lessons in this class cover implementing navigation up, down, and across your application's <a |
| 45 | href="{@docRoot}training/design-navigation/screen-planning.html#diagram- relationships">screen |
| 46 | map</a>.</p> |
| 47 | |
| 48 | <p>After reading through the lessons in this class and exploring the associated sample application |
| 49 | (see right), you should also have a basic understanding of how to use |
| 50 | {@link android.app.ActionBar} and {@link android.support.v4.view.ViewPager}, two components that are fundamental to core app navigation.</p> |
| 51 | |
| 52 | |
| 53 | <h2 id="lessons">Lessons</h2> |
| 54 | |
| 55 | |
| 56 | <dl> |
| 57 | <dt><strong><a href="lateral.html">Implementing Lateral Navigation</a></strong></dt> |
| 58 | <dd>Learn how to implement tabs and horizontal paging (swipe views).</dd> |
| 59 | |
| 60 | <dt><strong><a href="ancestral.html">Implementing Ancestral Navigation</a></strong></dt> |
| 61 | <dd>Learn how to implement <em>Up</em> navigation.</dd> |
| 62 | |
| 63 | <dt><strong><a href="temporal.html">Implementing Temporal Navigation</a></strong></dt> |
| 64 | <dd>Learn how to correctly handle the <em>Back</em> button.</dd> |
| 65 | |
| 66 | <dt><strong><a href="descendant.html">Implementing Descendant Navigation</a></strong></dt> |
| 67 | <dd>Learn the finer points of implementing navigation into your application's information hierarchy.</dd> |
| 68 | </dl> |