blob: ff797db14db0e813041cc35a04a14e0b36d3456d [file] [log] [blame]
Roman Nurik73790462011-12-22 16:18:19 -08001<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <title>
6
7Android Design - Design Patterns
8 </title>
9 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
10 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:regular,medium,thin,italic,mediumitalic">
11 <link rel="stylesheet" href="../static/yui-3.3.0-reset-min.css">
12 <link rel="stylesheet" href="../static/default.css">
13
14<style>
15#landing-graphic-container {
16 position: relative;
17}
18
19#text-overlay {
20 position: absolute;
21 left: 10px;
22 top: 492px;
23 width: 200px;
24}
25</style>
26
27 </head>
28 <body>
29
30 <div id="page-container">
31
32 <div id="page-header"><a href="../index.html">Android Design</a></div>
33
34 <div id="main-row">
35
36 <ul id="nav">
37
38 <li class="nav-section">
39 <div class="nav-section-header"><a href="../index.html">Get Started</a></div>
40 <ul>
41 <li><a href="../get-started/creative-vision.html">Creative Vision</a></li>
42 <li><a href="../get-started/principles.html">Design Principles</a></li>
43 <li><a href="../get-started/ui-overview.html">UI Overview</a></li>
44 </ul>
45 </li>
46
47 <li class="nav-section">
48 <div class="nav-section-header"><a href="../style/index.html">Style</a></div>
49 <ul>
50 <li><a href="../style/devices-displays.html">Devices and Displays</a></li>
51 <li><a href="../style/themes.html">Themes</a></li>
52 <li><a href="../style/touch-feedback.html">Touch Feedback</a></li>
53 <li><a href="../style/metrics-grids.html">Metrics and Grids</a></li>
54 <li><a href="../style/typography.html">Typography</a></li>
55 <li><a href="../style/color.html">Color</a></li>
56 <li><a href="../style/iconography.html">Iconography</a></li>
57 <li><a href="../style/writing.html">Writing Style</a></li>
58 </ul>
59 </li>
60
61 <li class="nav-section">
62 <div class="nav-section-header"><a href="../patterns/index.html">Patterns</a></div>
63 <ul>
64 <li><a href="../patterns/new-4-0.html">New in Android 4.0</a></li>
65 <li><a href="../patterns/gestures.html">Gestures</a></li>
66 <li><a href="../patterns/app-structure.html">App Structure</a></li>
67 <li><a href="../patterns/navigation.html">Navigation</a></li>
68 <li><a href="../patterns/actionbar.html">Action Bar</a></li>
69 <li><a href="../patterns/multi-pane-layouts.html">Multi-pane Layouts</a></li>
70 <li><a href="../patterns/swipe-views.html">Swipe Views</a></li>
71 <li><a href="../patterns/selection.html">Selection</a></li>
72 <li><a href="../patterns/notifications.html">Notifications</a></li>
73 <li><a href="../patterns/compatibility.html">Compatibility</a></li>
74 <li><a href="../patterns/pure-android.html">Pure Android</a></li>
75 </ul>
76 </li>
77
78 <li class="nav-section">
79 <div class="nav-section-header"><a href="../building-blocks/index.html">Building Blocks</a></div>
80 <ul>
81 <li><a href="../building-blocks/tabs.html">Tabs</a></li>
82 <li><a href="../building-blocks/lists.html">Lists</a></li>
83 <li><a href="../building-blocks/grid-lists.html">Grid Lists</a></li>
84 <li><a href="../building-blocks/scrolling.html">Scrolling</a></li>
85 <li><a href="../building-blocks/spinners.html">Spinners</a></li>
86 <li><a href="../building-blocks/buttons.html">Buttons</a></li>
87 <li><a href="../building-blocks/text-fields.html">Text Fields</a></li>
88 <li><a href="../building-blocks/seek-bars.html">Seek Bars</a></li>
89 <li><a href="../building-blocks/progress.html">Progress &amp; Activity</a></li>
90 <li><a href="../building-blocks/switches.html">Switches</a></li>
91 <li><a href="../building-blocks/dialogs.html">Dialogs</a></li>
92 <li><a href="../building-blocks/pickers.html">Pickers</a></li>
93 </ul>
94 </li>
95
96 <li>
Roman Nurikc894fb72012-01-10 23:59:20 -080097 <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
Roman Nurik73790462011-12-22 16:18:19 -080098 </li>
99
100 </ul>
101
102 <div id="content">
103
104
105<div class="layout-content-row content-header just-links">
106 <div class="layout-content-col span-9">&nbsp;</div>
107 <div class="paging-links layout-content-col span-4">
108 <a href="#" class="prev-page-link">Previous</a>
109 <a href="#" class="next-page-link">Next</a>
110 </div>
111</div>
112
113
114
115
116<div id="landing-graphic-container">
117 <div id="text-overlay">
118 Design apps that behave in a consistent, predictable fashion.
119 <br><br>
120 <a href="../patterns/new-4-0.html" class="landing-page-link">New in Android 4.0</a>
121 </div>
122
123 <a href="../patterns/new-4-0.html">
124 <img src="../static/content/patterns_landing.png">
125 </a>
126</div>
127
128
129
130
131
132 </div>
133
134 </div>
135
136 <div id="page-footer">
137
138 <p id="copyright">
139 Except as noted, this content is licensed under
Roman Nurikc894fb72012-01-10 23:59:20 -0800140 <a href="http://creativecommons.org/licenses/by/2.5/">
Roman Nurik73790462011-12-22 16:18:19 -0800141 Creative Commons Attribution 2.5</a>.<br>
142 For details and restrictions, see the
Roman Nurikc894fb72012-01-10 23:59:20 -0800143 <a href="http://developer.android.com/license.html">Content License</a>.
Roman Nurik73790462011-12-22 16:18:19 -0800144 </p>
145
146 <p>
Roman Nurikc894fb72012-01-10 23:59:20 -0800147 <a href="http://www.android.com/terms.html">Site Terms of Service</a> &ndash;
148 <a href="http://www.android.com/privacy.html">Privacy Policy</a> &ndash;
149 <a href="http://www.android.com/branding.html">Brand Guidelines</a>
Roman Nurik73790462011-12-22 16:18:19 -0800150 </p>
151
152 </div>
153 </div>
154
155 <script src="../static/jquery-1.6.2.min.js"></script>
156 <script>
157 var SITE_ROOT = '../';
158 </script>
159 <script src="../static/default.js"></script>
160
161
162 <script type="text/javascript">
163 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
164 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
165 </script>
166 <script type="text/javascript">
167 var pageTracker = _gat._getTracker("UA-5831155-1");
168 pageTracker._trackPageview();
169 </script>
170 </body>
171</html>