1<h3>RelativeLayout</h3> 2<dl> 3 <dt><a href="RelativeLayout1.html">1. Vertical</a></dt> 4 <dd>Demonstrates a simple relative layout.</dd> 5 6 <dt><a href="RelativeLayout2.html">2. Simple Form</a></dt> 7 <dd>Demonstrates a more complex relative layout to create a form. </dd> 8</dl> 9 10<h3>LinearLayout</h3> 11<dl> 12 <dt><a href="LinearLayout1.html">1. Vertical</a></dt> 13 <dd>Demonstrates a simple LinearLayout, with child width set to WRAP_CONTENT. </dd> 14 15 <dt><a href="LinearLayout2.html">2. Vertical (Fill Screen)</a></dt> 16 <dd>Demonstrates a simple LinearLayout, with child width set to MATCH_PARENT.</dd> 17 18 <dt><a href="LinearLayout3.html">3. Vertical (Padded)</a></dt> 19 <dd>Demonstrates a LinearLayout where one of the elements can expand to fill any remaining screen space (weight=1). </dd> 20 21 <dt><a href="LinearLayout4.html">4. Horizontal</a></dt> 22 <dd>Demonstrates a horizontal LinearLayout, plus an expanding column. </dd> 23 24 <dt><a href="LinearLayout5.html">5. Simple Form</a></dt> 25 <dd>Demonstrates nested layouts to create a user form.</dd> 26 27 <dt><a href="LinearLayout6.html">6. Uniform Size</a></dt> 28 <dd>LinearLayout which uses a combination of wrap_content on itself and match_parent on its children to get every item to be the same width.</dd> 29 30 <dt><a href="LinearLayout7.html">7. Fill Parent</a></dt> 31 <dd>Demonstrates a horizontal linear layout with equally sized columns. Some columns force their height to match the parent.</dd> 32 33 <dt><a href="LinearLayout8.html">8. Gravity</a></dt> 34 <dd>Demonstrates a simple linear layout with menu options demonstrating horizontal and vertical gravity options.</dd> 35 36 <dt><a href="LinearLayout9.html">9. Layout Weight</a></dt> 37 <dd> Demonstrates how the layout_weight attribute can shrink an element too big to fit on screen.</dd> 38 39</dl> 40 41<h3>ScrollView</h3> 42<dl> 43 <dt><a href="ScrollView1.html">1. Short</a></dt> 44 <dd>Demonstrates scrolling screen with buttons altermating with a text view. </dd> 45 46 <dt><a href="ScrollView2.html">2. Long</a></dt> 47 <dd>Demonstrates a longer scrolling screen similar to ScrollView1. </dd> 48</dl> 49 50<h3>TableLayout</h3> 51<dl> 52 <dt><a href="TableLayout1.html">1. Basic</a></dt> 53 <dd>Demonstrates a basic TableLayout with identical children. </dd> 54 55 <dt><a href="TableLayout2.html">2. Empty Cells</a></dt> 56 <dd>Demonstrates a TableLayout with column-spanning rows and different child objects. </dd> 57 58 <dt><a href="TableLayout3.html">3. Long Content</a></dt> 59 <dd>Rows have different number of columns and content doesn't fit on screen: column 4 of row 2 shrinks all of the other columns </dd> 60 61 <dt><a href="TableLayout4.html">4. Stretchable</a></dt> 62 <dd>Demonstrates a TableLayout with a stretchable column. </dd> 63 64 <dt><a href="TableLayout5.html">5. Spanning and Stretchable</a></dt> 65 <dd>Demonstrates a complex TableLayout with spanning columns and stretchable columns to create a menu-like layout. </dd> 66 67 <dt><a href="TableLayout6.html">6. More Spanning and Stretchable</a></dt> 68 <dd>Similar to example 5, but with an additional "checked" column. </dd> 69 70 <dt><a href="TableLayout7.html">7. Column Collapse</a></dt> 71 <dd>Similar to example 6, but now with buttons on the bottom of the screen that enable you dynamically hide or show columns. </dd> 72 73 <dt><a href="TableLayout8.html">8. Toggle Stretch</a></dt> 74 <dd>Demonstrates toggling the "stretch" value on a column to fill the screen width. </dd> 75 76 <dt><a href="TableLayout9.html">9. Toggle Shrink</a></dt> 77 <dd>Demonstrates toggling the "shrink" value on a column to make an over-wide table shrink to fit the screen size. </dd> 78 79 <dt><a href="TableLayout10.html">10. Simple Form</a></dt> 80 <dd>Demonstrates using a table to design a user form. </dd> 81 82 <dt><a href="TableLayout11.html">11. Gravity</a></dt> 83 <dd>Demonstrates the use of advanced gravity attributes, such as <em>center_horizontal</em> and <em>right|bottom</em> to align cell contents in a table. </dd> 84 85 <dt><a href="TableLayout12.html">12. Various Widths</a></dt> 86 <dd>Demonstrates the use of elements of various widths in a table. </dd> 87</dl> 88 89<h3>Baseline</h3> 90<p>Demonstrates the use of the <em>android:layout_alignBaseline</em> XML attribute in various page layouts.</p> 91<dl> 92 <dt><a href="Baseline1.html">1. Top</a></dt> 93 <dd>Demonstrates the default baseline alignment in a simple LinearLayout with items at the top of the screen. </dd> 94 95 <dt><a href="Baseline2.html">2. Bottom</a></dt> 96 <dd>Demonstrates the default baseline alignment in a simple LinearLayout with items at the bottom of the screen.</dd> 97 98 <dt><a href="Baseline3.html">3. Center</a></dt> 99 <dd>Demonstrates the default baseline alignment in a simple LinearLayout with items in the center of the screen.</dd> 100 101 <dt><a href="Baseline4.html">4. Everywhere</a></dt> 102 <dd>Demonstrates the default baseline alignment in a complex LinearLayout.</dd> 103 104 <dt><a href="Baseline6.html">6. Multi-line</a></dt> 105 <dd>Demonstrates a baseline alignment with a multiline field. </dd> 106 107 <dt><a href="Baseline7.html">7. Relative</a></dt> 108 <dd>Demonstrates baseline alignment in a RelativeLayout. </dd> 109 110 <dt><a href="BaselineNested1.html">BaselineNested1</a></dt> 111 <dd>Demonstrates baseline aligning specific elements in three parallel vertical LinearLayout objects.</dd> 112 113 <dt><a href="BaselineNested2.html">BaselineNested2</a></dt> 114 <dd>Demonstrates baseline aligning specific elements in three mixed vertical and horizontal LinearLayout objects.</dd> 115 116 <dt><a href="BaselineNested3.html">BaselineNested3</a></dt> 117 <dd>Demonstrates baseline alignment within nested LinearLayout objects. </dd> 118</dl> 119 120<h3>Radio Group</h3> 121<dl> 122 <dt><a href="RadioGroup1.html">Radio Group</a></dt> 123 <dd>Demonstrates using radio buttons and capturing the selected item. </dd> 124</dl> 125 126<h3>ScrollBars</h3> 127<dl> 128 <dt><a href="ScrollBar1.html">1. Basic</a></dt> 129 <dd>Demonstrates a scrollable LinearLayout object. </dd> 130 131 <dt><a href="ScrollBar2.html">2. Fancy</a></dt> 132 <dd>Demonstrates a scrollable LinearLayout object with a custom thumb slider image. </dd> 133</dl> 134 135<h3>Visibility</h3> 136<dl> 137 <dt><a href="Visibility1.html">Visibility</a></dt> 138 <dd>Demonstrates toggling the visibility of a View object between visible, invisible, and gone. </dd> 139</dl> 140 141<h3>Lists</h3> 142<dl> 143 <dt><a href="List1.html">1. Array</a></dt> 144 <dd> Demonstrates binding a ListAdapter to a string array as a data source, and displaying the elements on the screen. </dd> 145 146 <dt><a href="List2.html">2. Cursor (People)</a></dt> 147 <dd> Demonstrates binding results from a database query to a field in a template. </dd> 148 149 <dt><a href="List3.html">3. Cursor (Phones)</a></dt> 150 <dd> Demonstrates binding multiple columns from a database query to fields in a template. </dd> 151 152 <dt><a href="List4.html">4. ListAdapter</a></dt> 153 <dd> Demonstrates implementing a custom ListAdapter to return View objects laid out in a custom manner. </dd> 154 155 <dt><a href="List5.html">5. Separators</a></dt> 156 <dd> Demonstrates implementing a custom ListAdapter that includes separators between some items. </dd> 157 158 <dt><a href="List6.html">6. ListAdapter Collapsed</a></dt> 159 <dd>Demonstrates another custom list adapter with that returns expandible items. </dd> 160 161 <dt><a href="List7.html">7. Cursor (Phones)</a></dt> 162 <dd> Demonstrates a list adapter where data comes from a Cursor object. </dd> 163 164 <dt><a href="List8.html">8. Photos</a></dt> 165 <dd> Demonstrates a list activity that uses a custom ListAdapter, setting the view for an empty item, and also how to customize the layout of a ListActivity. </dd> 166 167 <dt><a href="List9.html">9. Array (Overlay)</a></dt> 168 <dd> </dd> 169 170 <dt><a href="List10.html">10. Single choice list</a></dt> 171 <dd> </dd> 172 173 <dt><a href="List11.html">11. Multiple choice list</a></dt> 174 <dd> </dd> 175 176 <dt><a href="List12.html">12. Transcript</a></dt> 177 <dd> </dd> 178 179 <dt><a href="List13.html">13. Slow Adapter</a></dt> 180 <dd> </dd> 181 182 <dt><a href="List14.html">14. Efficient Adapter</a></dt> 183 <dd> </dd> 184 185 <dt><a href="List15.html">15. Selection Mode</a></dt> 186 <dd> Demonstrates the use of selection Contextual Action mode to select multiple items in a list activity. </dd> 187 188 <dt><a href="List16.html">16. Border selection mode</a></dt> 189 <dd> Demonstrates a multi-select list activity that uses the <code>simple_selectable_list_item</code> border layout for selected items. </dd> 190</dl> 191 192 193 194<h3>Custom</h3> 195<dl> 196 <dt><a href="CustomView1.html">CustomView</a></dt> 197 <dd>Demonstrates implementing a custom view subclass. </dd> 198</dl> 199 200<h3>ImageButton</h3> 201<dl> 202 <dt><a href="ImageButton1.html">ImageButton</a></dt> 203 <dd>Demonstrates an ImageButton: a button with an arbitrary graphic on it. </dd> 204</dl> 205 206<h3>Date Widgets</h3> 207<dl> 208 <dt><a href="DateWidgets1.html">1. Dialog</a></dt> 209 <dd>Demonstrates the DatePickerDialog and TimePickerDialog picker dialogs.</dd> 210 211 <dt><a href="DateWidgets2.html">2. Inline</a></dt> 212 <dd>Demonstrates using a TimePicker directly in a layout without using a confirmation button or dialog.</dd> 213</dl> 214 215<h3>Gallery</h3> 216<dl> 217 <dt><a href="Gallery1.html">1. Icons</a></dt> 218 <dd> Demonstrates implementing a Gallery widget and extending GalleryAdapter to create a custom class to serve out source images to the widget. </dd> 219 220 <dt><a href="Gallery2.html">2. People</a></dt> 221 <dd>Demonstrates populating a Gallery with images from the contacts photos. </dd> 222</dl> 223 224<h3>Spinner</h3> 225<dl> 226 <dt><a href="Spinner1.html">Spinner</a></dt> 227 <dd> Demonstrates populating two Spinner widgets with values. </dd> 228</dl> 229 230<h3>Grid</h3> 231<dl> 232 <dt><a href="Grid1.html">1. Icon Grid</a></dt> 233 <dd> Demonstrates populating a GridView widget with a list of applications using a custom ListAdapter object.</dd> 234 235 <dt><a href="Grid2.html">2. Photo Grid</a></dt> 236 <dd> Demonstrates populating a GridView widget with images using a custom ListAdapter object. </dd> 237</dl> 238 239<h3>ImageSwitcher</h3> 240<dl> 241 <dt><a href="ImageSwitcher1.html">ImageSwitcher</a></dt> 242 <dd>Demonstrates using the ImageSwitcher widget with a custom Adapter.</dd> 243</dl> 244 245<h3>TextSwitcher</h3> 246<dl> 247 <dt><a href="TextSwitcher1.html">TextSwitcher</a></dt> 248 <dd>Demonstrates using the TextSwitcher widget. </dd> 249</dl> 250 251<h3>Animation</h3> 252<dl> 253 <dt><a href="Animation1.html">1. Shake</a></dt> 254 <dd>Demonstrates a simple tweened animation (android.view.animation.Animation). </dd> 255 256 <dt><a href="Animation2.html">2. Push</a></dt> 257 <dd>Demonstrates a variety of transformations (android.view.animation.Animation), including fading, motion, and rotation. </dd> 258</dl> 259 260<h3>Drag and Drop</h3> 261<dl> 262 <dt><a href="DragAndDropDemo.html">Drag and Drop Demo</a></dt> 263 <dd>Demonstrates how to perform drag and drop using an OnDragListener. (Uses the <a 264href="DraggableDot.html"><code>DraggableDot</code></a> class.) </dd> 265</dl> 266 267<h3>Controls</h3> 268<dl> 269 <dt><a href="Controls1.html">1. Light Theme</a></dt> 270 <dd>Demonstrates a variety of common form type widgets, such as check boxes and radio buttons using the light theme. </dd> 271</dl> 272<dl> 273 <dt><a href="Controls1.html">2. Dark Theme</a></dt> 274 <dd>Demonstrates a variety of common form type widgets, such as check boxes and radio buttons using the dark theme. </dd> 275</dl> 276<dl> 277 <dt><a href="Controls1.html">3. Holographic Light Theme</a></dt> 278 <dd>Demonstrates a variety of common form type widgets, such as check boxes and radio buttons using the light holographic theme. </dd> 279</dl> 280<dl> 281 <dt><a href="Controls1.html">4. Holographic Dark Theme</a></dt> 282 <dd>Demonstrates a variety of common form type widgets, such as check boxes and radio buttons using the dark holographic theme. </dd> 283</dl> 284<dl> 285 <dt><a href="Controls1.html">5. Custom Theme</a></dt> 286 <dd>Demonstrates a variety of common form type widgets, such as check boxes and radio buttons using a custom 287 theme based on the light theme. </dd> 288</dl> 289<dl> 290 <dt><a href="Controls1.html">6. Holo or Old Theme</a></dt> 291 <dd>Demonstrates a variety of common form type widgets, such as check boxes and radio buttons using a custom 292 theme that uses either the traditional or holo theme depending on the version of the platform. </dd> 293</dl> 294 295<h3>Auto Complete</h3> 296<dl> 297 <dt><a href="AutoComplete1.html">1. Screen Top</a></dt> 298 <dd>Demonstrates the use of AutoCompleteTextView, an autocomplete dropdown box below a text box, with data taken from an array. </dd> 299 300 <dt><a href="AutoComplete2.html">2. Screen Bottom</a></dt> 301 <dd>Demonstrates an autocomplete box above a text box.</dd> 302 303 <dt><a href="AutoComplete3.html">3. Scroll</a></dt> 304 <dd>Demonstrates an autocomplete text box in the midst of a vertical list. </dd> 305 306 <dt><a href="AutoComplete4.html">4. Contacts</a></dt> 307 <dd>Demonstrates an autocomplete text box that gets its content from a database query. </dd> 308 309 <dt><a href="AutoComplete5.html">5. Contacts with Hint</a></dt> 310 <dd>Demonstates an autocomplete text box that understands the * wildcard. </dd> 311</dl> 312 313<h3>Progress Bar</h3> 314<dl> 315 <dt><a href="ProgressBar1.html">1. Incremental</a></dt> 316 <dd>Demonstrates large and small rotating progress indicators that can be incremented or decremented in units. </dd> 317 318 <dt><a href="ProgressBar2.html">2. Smooth</a></dt> 319 <dd>Demonstrates large and small continuously rotating progress indicators used to indicate a generic "busy" message. </dd> 320 321 <dt><a href="ProgressBar3.html">3. Dialogs</a></dt> 322 <dd>Demonstrates a ProgressDialog, a popup dialog that hosts a progress bar. This example demonstrates both determinate and indeterminate progress indicators. </dd> 323 324 <dt><a href="ProgressBar4.html">4. In Title Bar</a></dt> 325 <dd>Demonstrates an Activity screen with a progress indicator loaded by setting the WindowPolicy's progress indicator feature. </dd> 326</dl> 327 328<h3>Focus</h3> 329<dl> 330 <dt><a href="Focus1.html">1. Vertical</a></dt> 331 <dd>Demonstrates how to block selection of a specific screen element. </dd> 332 333 <dt><a href="Focus2.html">2. Horizontal</a></dt> 334 <dd>Demonstrates how to change the order of which screen element is selected when the user presses arrow keys. </dd> 335 336 <dt><a href="Focus3.html">3. Circular</a></dt> 337 <dd>Another version of Focus2. </dd> 338</dl> 339