1 <ul id="nav"> 2 3 <li class="nav-section"> 4 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/index.html">Get Started</a></div> 5 <ul> 6 <li><a href="<?cs var:toroot ?>design/get-started/creative-vision.html">Creative Vision</a></li> 7 <li><a href="<?cs var:toroot ?>design/get-started/principles.html">Design Principles</a></li> 8 </ul> 9 </li> 10 11 <li class="nav-section"> 12 <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/material/index.html">Material Design</a></div> 13 </li> 14 15 <li class="nav-section"> 16 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/devices.html">Devices</a></div> 17 <ul> 18 <li><a href="<?cs var:toroot ?>design/handhelds/index.html">Phones & Tablets</a></li> 19 <li class="nav-section"> 20 <div class="nav-section-header"> 21 <a href="<?cs var:toroot ?>design/wear/index.html">Wear</a></div> 22 <ul> 23 <li><a href="<?cs var:toroot ?>design/wear/creative-vision.html">Creative Vision</a></li> 24 <li><a href="<?cs var:toroot ?>design/wear/principles.html">Design Principles</a></li> 25 <li><a href="<?cs var:toroot ?>design/wear/structure.html">App Structure</a></li> 26 <li><a href="<?cs var:toroot ?>design/wear/context.html">Context Awareness</a></li> 27 <li><a href="<?cs var:toroot ?>design/wear/patterns.html">UI Patterns</a></li> 28 <li><a href="<?cs var:toroot ?>design/wear/style.html">Style</a></li> 29 <li><a href="<?cs var:toroot ?>design/wear/watchfaces.html">Watch Faces</a></li> 30 </ul> 31 </li> 32 <li class="nav-section"> 33 <div class="nav-section-header"> 34 <a href="<?cs var:toroot ?>design/tv/index.html">TV</a></div> 35 <ul> 36 <li><a href="<?cs var:toroot ?>design/tv/principles.html">Creative Vision</a></li> 37 <li><a href="<?cs var:toroot ?>design/tv/patterns.html">UI Patterns</a></li> 38 <li><a href="<?cs var:toroot ?>design/tv/style.html">Style</a></li> 39 </ul> 40 </li> 41 <li><a href="<?cs var:toroot ?>design/auto/index.html">Auto</a></li> 42 </ul> 43 </li> 44 45 <li class="nav-section"> 46 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/style/index.html">Style</a></div> 47 <ul> 48 <li><a href="<?cs var:toroot ?>design/style/devices-displays.html">Devices and Displays</a></li> 49 <li><a href="<?cs var:toroot ?>design/style/themes.html">Themes</a></li> 50 <li><a href="<?cs var:toroot ?>design/style/touch-feedback.html">Touch Feedback</a></li> 51 <li><a href="<?cs var:toroot ?>design/style/metrics-grids.html">Metrics and Grids</a></li> 52 <li><a href="<?cs var:toroot ?>design/style/typography.html">Typography</a></li> 53 <li><a href="<?cs var:toroot ?>design/style/color.html">Color</a></li> 54 <li><a href="<?cs var:toroot ?>design/style/iconography.html">Iconography</a></li> 55 <li><a href="<?cs var:toroot ?>design/style/branding.html">Your Branding</a></li> 56 <li><a href="<?cs var:toroot ?>design/style/writing.html" zh-cn-lang="写作风格">Writing Style</a></li> 57 </ul> 58 </li> 59 60 <li class="nav-section"> 61 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></div> 62 <ul> 63 <li><a href="<?cs var:toroot ?>design/patterns/new.html">New in Android</a></li> 64 <li><a href="<?cs var:toroot ?>design/patterns/gestures.html">Gestures</a></li> 65 <li><a href="<?cs var:toroot ?>design/patterns/app-structure.html">App Structure</a></li> 66 <li><a href="<?cs var:toroot ?>design/patterns/navigation.html">Navigation</a></li> 67 <li><a href="<?cs var:toroot ?>design/patterns/actionbar.html">Action Bar</a></li> 68 <li><a href="<?cs var:toroot ?>design/patterns/navigation-drawer.html">Navigation Drawer</a></li> 69 <li><a href="<?cs var:toroot ?>design/patterns/multi-pane-layouts.html">Multi-pane Layouts</a></li> 70 <li><a href="<?cs var:toroot ?>design/patterns/swipe-views.html">Swipe Views</a></li> 71 <li><a href="<?cs var:toroot ?>design/patterns/fullscreen.html">Full Screen</a></li> 72 <li><a href="<?cs var:toroot ?>design/patterns/selection.html">Selection</a></li> 73 <li><a href="<?cs var:toroot ?>design/patterns/confirming-acknowledging.html">Confirming & Acknowledging</a></li> 74 <li><a href="<?cs var:toroot ?>design/patterns/notifications.html">Notifications</a></li> 75 <li><a href="<?cs var:toroot ?>design/patterns/widgets.html">Widgets</a></li> 76 <li><a href="<?cs var:toroot ?>design/patterns/settings.html">Settings</a></li> 77 <li><a href="<?cs var:toroot ?>design/patterns/help.html">Help</a></li> 78 <li><a href="<?cs var:toroot ?>design/patterns/compatibility.html">Compatibility</a></li> 79 <li><a href="<?cs var:toroot ?>design/patterns/accessibility.html">Accessibility</a></li> 80 <li><a href="<?cs var:toroot ?>design/patterns/pure-android.html">Pure Android</a></li> 81 </ul> 82 </li> 83 84 <li class="nav-section"> 85 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></div> 86 <ul> 87 <li><a href="<?cs var:toroot ?>design/building-blocks/tabs.html">Tabs</a></li> 88 <li><a href="<?cs var:toroot ?>design/building-blocks/lists.html">Lists</a></li> 89 <li><a href="<?cs var:toroot ?>design/building-blocks/grid-lists.html">Grid Lists</a></li> 90 <li><a href="<?cs var:toroot ?>design/building-blocks/scrolling.html">Scrolling</a></li> 91 <li><a href="<?cs var:toroot ?>design/building-blocks/spinners.html">Spinners</a></li> 92 <li><a href="<?cs var:toroot ?>design/building-blocks/buttons.html">Buttons</a></li> 93 <li><a href="<?cs var:toroot ?>design/building-blocks/text-fields.html">Text Fields</a></li> 94 <li><a href="<?cs var:toroot ?>design/building-blocks/seek-bars.html">Seek Bars</a></li> 95 <li><a href="<?cs var:toroot ?>design/building-blocks/progress.html">Progress & Activity</a></li> 96 <li><a href="<?cs var:toroot ?>design/building-blocks/switches.html">Switches</a></li> 97 <li><a href="<?cs var:toroot ?>design/building-blocks/dialogs.html">Dialogs</a></li> 98 <li><a href="<?cs var:toroot ?>design/building-blocks/pickers.html">Pickers</a></li> 99 </ul> 100 </li> 101 102 <li class="nav-section"> 103 <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></div> 104 </li> 105 106 <li class="nav-section"> 107 <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></div> 108 </li> 109 110 </ul> 111