Home | History | Annotate | Download | only in ui
      1 page.title=Kontrol Input
      2 parent.title=Antarmuka Pengguna
      3 parent.link=index.html
      4 @jd:body
      5 
      6 <div class="figure" style="margin:0">
      7   <img src="{@docRoot}images/ui/ui-controls.png" alt="" style="margin:0" />
      8 </div>
      9 
     10 <p>Kontrol input adalah komponen interaktif dalam antarmuka pengguna aplikasi Anda. Android menyediakan
     11 aneka ragam kontrol yang bisa Anda gunakan dalam UI, seperti tombol, bidang teks, bilah pencarian,
     12 kotak cek, tombol zoom, tombol toggle, dan masih banyak lagi.</p>
     13 
     14 <p>Menambahkan sebuah kontrol input ke UI adalah semudah menambahkan satu elemen XML ke <a href="{@docRoot}guide/topics/ui/declaring-layout.html">layout XML</a>. Misalnya, inilah sebuah
     15 layout dengan satu bidang teks dan satu tombol:</p>
     16 
     17 <pre style="clear:right">
     18 &lt;?xml version="1.0" encoding="utf-8"?>
     19 &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     20     android:layout_width="fill_parent"
     21     android:layout_height="fill_parent"
     22     android:orientation="horizontal">
     23     &lt;EditText android:id="@+id/edit_message"
     24         android:layout_weight="1"
     25         android:layout_width="0dp"
     26         android:layout_height="wrap_content"
     27         android:hint="@string/edit_message" />
     28     &lt;Button android:id="@+id/button_send"
     29         android:layout_width="wrap_content"
     30         android:layout_height="wrap_content"
     31         android:text="@string/button_send"
     32         android:onClick="sendMessage" />
     33 &lt;/LinearLayout>
     34 </pre>
     35 
     36 <p>Tiap kontrol input mendukung satu set kejadian input sehingga Anda bisa menangani berbagai kejadian seperti saat
     37 pengguna memasukkan teks atau menyentuh tombol.</p>
     38 
     39 
     40 <h2 id="CommonControls">Kontrol Umum</h2>
     41 <p>Berikut adalah daftar beberapa kontrol umum yang bisa Anda gunakan dalam aplikasi. Ikuti tautan ini untuk mengetahui
     42 selengkapnya tentang penggunaannya masing-masing.</p>
     43 
     44 <p class="note"><strong>Catatan:</strong> Android menyediakan beberapa kontrol lain yang tidak tercantum
     45 di sini. Telusuri paket {@link android.widget} untuk mengetahui selengkapnya. Jika aplikasi Anda memerlukan
     46 semacam kontrol input tertentu, Anda bisa membangun <a href="{@docRoot}guide/topics/ui/custom-components.html">komponen custom</a> sendiri.</p>
     47 
     48 <table>
     49     <tr>
     50         <th scope="col">Tipe Kontrol</th>
     51         <th scope="col">Keterangan</th>
     52 	<th scope="col">Kelas Terkait</th>
     53     </tr>
     54     <tr>
     55         <td><a href="controls/button.html">Tombol</a></td>
     56         <td>Tombol tekan yang bisa ditekan, atau diklik, oleh pengguna untuk melakukan suatu tindakan.</td>
     57 	<td>{@link android.widget.Button Button} </td>
     58     </tr>
     59     <tr>
     60         <td><a href="controls/text.html">Bidang teks</a></td>
     61         <td>Bidang teks yang bisa diedit. Anda bisa menggunakan widget <code>AutoCompleteTextView</code> untuk membuat widget entri teks yang menyediakan saran pelengkapan otomatis</td>
     62 	<td>{@link android.widget.EditText EditText}, {@link android.widget.AutoCompleteTextView}</td>
     63     </tr>
     64     <tr>
     65         <td><a href="controls/checkbox.html">Kotak cek</a></td>
     66         <td>Switch aktif/nonaktif yang bisa diubah oleh pengguna. Anda harus menggunakan kotak cek saat menampilkan sekumpulan opsi yang bisa dipilih pengguna dan bila keduanya mungkin terjadi bersamaan.</td>
     67 	<td>{@link android.widget.CheckBox CheckBox} </td>
     68     </tr>
     69     <tr>
     70         <td><a href="controls/radiobutton.html">Tombol radio</a></td>
     71         <td>Mirip dengan kotak cek, hanya saja cuma satu opsi yang bisa dipilih dalam kumpulan tersebut.</td>
     72 	<td>{@link android.widget.RadioGroup RadioGroup}
     73 	<br>{@link android.widget.RadioButton RadioButton} </td>
     74     </tr>
     75     <tr>
     76         <td><a href="controls/togglebutton.html" style="white-space:nowrap">Tombol toggle</a></td>
     77         <td>Tombol aktif/nonaktif dengan indikator cahaya.</td>
     78 	<td>{@link android.widget.ToggleButton ToggleButton} </td>
     79     </tr>
     80     <tr>
     81         <td><a href="controls/spinner.html">Spinner</a></td>
     82         <td>Daftar tarik-turun yang memungkinkan pengguna memilih salah satu dari serangkaian nilai.</td>
     83 	<td>{@link android.widget.Spinner Spinner} </td>
     84     </tr>
     85     <tr>
     86         <td><a href="controls/pickers.html">Picker</a></td>
     87         <td>Dialog bagi pengguna untuk memilih satu nilai dari satu kumpulan dengan menggunakan tombol naik/turun atau dengan gerakan mengusap. Gunakan widget <code>DatePicker</code>code&gt; untuk memasukkan nilai tanggal (bulan, hari, tahun) atau widget <code>TimePicker</code> untuk memasukkan nilai waktu (jam, menit, AM/PM), yang akan diformat secara otomatis untuk lokasi pengguna tersebut.</td>
     88 	<td>{@link android.widget.DatePicker}, {@link android.widget.TimePicker}</td>
     89     </tr>
     90 </table>
     91