119 lines
4.7 KiB
Plaintext
119 lines
4.7 KiB
Plaintext
page.title=Hello, Views
|
|
@jd:body
|
|
|
|
<style>
|
|
.view {float:left; margin:10px; font-size:120%; font-weight:bold;}
|
|
.view img {border:1px solid black; margin:5px 0 0; padding:5px;}
|
|
</style>
|
|
|
|
<p>This collection of "Hello World"-style tutorials is designed
|
|
to get you quickly started with common Android Views and widgets. The aim is to let you copy and paste
|
|
these kinds of boring bits so you can focus on developing the code that makes your Android application rock.
|
|
Of course, we'll discuss some of the given code so that it all makes sense.</p>
|
|
|
|
<p>Note that a certain amount of knowledge is assumed for these tutorials. If you haven't
|
|
completed the <a href="{@docRoot}resources/tutorials/hello-world.html">Hello, World</a> tutorial,
|
|
please do so—it will teach you many things you should know about basic
|
|
Android development and Eclipse features. More specifically, you should know:</p>
|
|
<ul>
|
|
<li>How to create a new Android project.</li>
|
|
<li>The basic structure of an Android project (resource files, layout files, etc.).</li>
|
|
<li>The essential components of an {@link android.app.Activity}.</li>
|
|
<li>How to build and run a project.</li>
|
|
</ul>
|
|
<p>Please, also notice that, in order to make these tutorials simple, some may
|
|
not convey the better Android coding practices. In particular, many of them
|
|
use hard-coded strings in the layout files—the better practice is to reference strings from
|
|
your strings.xml file.</p>
|
|
<p>With this knowledge, you're ready to begin, so take your pick.</p>
|
|
|
|
<div>
|
|
|
|
<div class="view">
|
|
<a href="hello-linearlayout.html">LinearLayout</a><br/>
|
|
<a href="hello-linearlayout.html"><img src="images/hello-linearlayout.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-relativelayout.html">RelativeLayout</a><br/>
|
|
<a href="hello-relativelayout.html"><img src="images/hello-relativelayout.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-tablelayout.html">TableLayout</a><br/>
|
|
<a href="hello-tablelayout.html"><img src="images/hello-tablelayout.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-datepicker.html">DatePicker</a><br/>
|
|
<a href="hello-datepicker.html"><img src="images/hello-datepicker.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-timepicker.html">TimePicker</a><br/>
|
|
<a href="hello-timepicker.html"><img src="images/hello-timepicker.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-formstuff.html">Form Stuff</a><br/>
|
|
<a href="hello-formstuff.html"><img src="images/hello-formstuff.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-spinner.html">Spinner</a><br/>
|
|
<a href="hello-spinner.html"><img src="images/hello-spinner.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-autocomplete.html">AutoComplete</a><br/>
|
|
<a href="hello-autocomplete.html"><img src="images/hello-autocomplete.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-listview.html">ListView</a><br/>
|
|
<a href="hello-listview.html"><img src="images/hello-listview.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-gridview.html">GridView</a><br/>
|
|
<a href="hello-gridview.html"><img src="images/hello-gridview.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-gallery.html">Gallery</a><br/>
|
|
<a href="hello-gallery.html"><img src="images/hello-gallery.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-tabwidget.html">TabWidget</a><br/>
|
|
<a href="hello-tabwidget.html"><img src="images/hello-tabwidget.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-mapview.html">MapView</a><br/>
|
|
<a href="hello-mapview.html"><img src="images/hello-mapview.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<div class="view">
|
|
<a href="hello-webview.html">WebView</a><br/>
|
|
<a href="hello-webview.html"><img src="images/hello-webview.png" height="285" width="200" /></a>
|
|
</div>
|
|
|
|
<!--
|
|
TODO
|
|
|
|
<div class="view">
|
|
<a href="hello-popupwindow.html">PopupWindow<br/>
|
|
<img src="images/hello-popupwindow.png" height="285" width="200" /></a>
|
|
</div>
|
|
<div class="view">
|
|
<a href="hello-tabhost.html">TabHost / TabWidget<br/>
|
|
<img src="images/hello-tabhost.png" height="285" width="200" /></a>
|
|
</div>
|
|
ProgressBar; RatingBar; FrameLayout
|
|
|
|
-->
|
|
|
|
<p class="note" style="clear:left">
|
|
There are plenty more Views and widgets available. See the {@link android.view.View} class
|
|
for more on View layouts, and the {@link android.widget widget package}
|
|
for more useful widgets. And for more raw code samples, visit the
|
|
<a href="{@docRoot}guide/samples/ApiDemos/src/com/example/android/apis/view/index.html">Api Demos</a>.
|
|
These can also be found offline, in <code>/<sdk>/samples/ApiDemos</code>.</p>
|
|
</div>
|
|
|