1 page.title=Implementing Effective Navigation 2 3 trainingnavtop=true 4 startpage=true 5 6 @jd:body 7 8 <div id="tb-wrapper"> 9 <div id="tb"> 10 11 <h2>Dependencies and prerequisites</h2> 12 13 <ul> 14 <li>Android 2.2 or higher</li> 15 <li>Understanding of fragments and Android layouts</li> 16 <li><a href="{@docRoot}tools/support-library/index.html">Android Support Library</a></li> 17 <li><a href="{@docRoot}training/design-navigation/index.html">Designing Effective Navigation</a></li> 18 </ul> 19 20 <h2>You should also read</h2> 21 22 <ul> 23 <li><a href="{@docRoot}guide/topics/ui/actionbar.html">Action Bar</a></li> 24 <li><a href="{@docRoot}guide/components/fragments.html">Fragments</a></li> 25 <li><a href="{@docRoot}training/multiscreen/index.html">Designing for Multiple Screens</a></li> 26 </ul> 27 28 <h2>Try it out</h2> 29 30 <div class="download-box"> 31 <a href="http://developer.android.com/shareables/training/EffectiveNavigation.zip" 32 class="button">Download the sample app</a> 33 <p class="filename">EffectiveNavigation.zip</p> 34 </div> 35 36 </div> 37 </div> 38 39 40 <p>This class demonstrates how to implement the key navigation design patterns detailed in the 41 <a href="{@docRoot}training/design-navigation/index.html">Designing Effective Navigation</a> class. 42 </p> 43 44 <p>After reading the lessons in this class, you should have a strong understanding of how to 45 implement navigation patterns with tabs, swipe views, and a navigation drawer. You should also 46 understand how to provide proper <em>Up</em> and <em>Back</em> navigation.</p> 47 48 <p class="note"><strong>Note:</strong> Several elements of this class require the 49 <a href="{@docRoot}tools/support-library/index.html">Support Library</a> APIs. 50 If you have not used the Support Library before, follow the instructions 51 in the <a href="{@docRoot}tools/support-library/setup.html">Support Library Setup</a> 52 document.</p> 53 54 55 <h2 id="lessons">Lessons</h2> 56 57 <dl> 58 <dt><strong><a href="lateral.html">Creating Swipe Views with Tabs</a></strong></dt> 59 <dd>Learn how to implement tabs in the action bar and provide 60 horizontal paging (swipe views) to navigate between tabs.</dd> 61 62 <dt><strong><a href="nav-drawer.html">Creating a Navigation Drawer</a></strong></dt> 63 <dd>Learn how to build an interface with a hidden navigation drawer on the side 64 of the screen that opens with a swipe or by pressing the action bar's app icon.</dd> 65 66 <dt><strong><a href="ancestral.html">Providing Up Navigation</a></strong></dt> 67 <dd>Learn how to implement <em>Up</em> navigation using the action bar's app icon.</dd> 68 69 <dt><strong><a href="temporal.html">Providing Proper Back Navigation</a></strong></dt> 70 <dd>Learn how to correctly handle the <em>Back</em> button in special cases, 71 including how to insert activities into the back stack when deep-linking the user 72 from notifications or app widgets.</dd> 73 74 <dt><strong><a href="descendant.html">Implementing Descendant Navigation</a></strong></dt> 75 <dd>Learn the finer points of navigating down into your application's information hierarchy.</dd> 76 </dl> 77
