blob: eda00506d0aff39ae3fefdb436cf0245680649dc [file] [log] [blame]
page.titleiu khin Nhp liu
parent.title=Giao din Người dùng
parent.link=index.html
@jd:body
<div class="figure" style="margin:0">
<img src="{@docRoot}images/ui/ui-controls.png" alt="" style="margin:0" />
</div>
<p>Điu khin nhp liu là nhng thành phn tương tác trong giao din người dùng ca ng dng ca bn. Android cung cp
nhiu kiu điu khin bn có th s dng trong UI ca mình, chng hn như nút, trường văn bn, thanh tìm kiếm,
hp kim, nút thu phóng, nút bt tt, và nhiu kiu khác.</p>
<p>Thêm mt điu khin nhp liu vào UI ca bn cũng đơn gin như thêm mt phn t XML vào <a href="{@docRoot}guide/topics/ui/declaring-layout.html">b trí XML</a> ca bn. Ví dụ, đây là mt b trí
vi mt trường văn bn và nút:</p>
<pre style="clear:right">
&lt;?xml version="1.0" encoding="utf-8"?>
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal">
&lt;EditText android:id="@+id/edit_message"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:hint="@string/edit_message" />
&lt;Button android:id="@+id/button_send"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button_send"
android:onClick="sendMessage" />
&lt;/LinearLayout>
</pre>
<p>Mi điu khin nhp liu h tr mt tp hp s kin nhp liu c th để bn có th x lý các s kin chng hn như khi
người dùng nhp văn bn hoc chm vào mt nút.</p>
<h2 id="CommonControls"iu khin Thông dng</h2>
<p>Sau đây là danh sách nhng điu khin thông dng mà bn có th s dng trong ng dng ca mình. Theo dõi các liên kết để tìm
hiu thêm v vic s dng tng điu khin.</p>
<p class="note"><strong>Lưu ý:</strong> Android cung cp nhiu điu khin hơn mt chút so vi lit kê
đây. Duyt gói {@link android.widget} để khám phá thêm. Nếu ng dng ca bn yêu cu mt
kiu điu khin nhp liu c thể, bn có th xây dng <a href="{@docRoot}guide/topics/ui/custom-components.html">các thành phn tùy chnh</a> của chính mình.</p>
<table>
<tr>
<th scope="col">Kiu Điu khin</th>
<th scope="col">Mô tả</th>
<th scope="col">Lp Liên quan</th>
</tr>
<tr>
<td><a href="controls/button.html">Nút</a></td>
<td>Nút nhn có th được nhn, hoc nhp vào, bi người dùng để thc hin mt hành động.</td>
<td>{@link android.widget.Button Button} </td>
</tr>
<tr>
<td><a href="controls/text.html">Trường văn bn</a></td>
<td>Trường văn bn có th chnh sa. Bn có th s dng widget <code>AutoCompleteTextView</code> để tạo một widget mục nhập văn bản nhằm cung cấp các gợi ý tự động hoàn thành</td>
<td>{@link android.widget.EditText EditText}, {@link android.widget.AutoCompleteTextView}</td>
</tr>
<tr>
<td><a href="controls/checkbox.html">Hp kim</a></td>
<td>Mt công tc bt/tt mà có th được chuyn đổi bi người dùng. Bn nên s dng các hp kim khi trình bày cho người dùng mt nhóm các tùy chn có th chn mà không loi tr ln nhau.</td>
<td>{@link android.widget.CheckBox CheckBox} </td>
</tr>
<tr>
<td><a href="controls/radiobutton.html">Nút chn mt</a></td>
<td>Tương t như hp kim, ch khác ch ch có th chn mt tùy chn trong nhóm.</td>
<td>{@link android.widget.RadioGroup RadioGroup}
<br>{@link android.widget.RadioButton RadioButton} </td>
</tr>
<tr>
<td><a href="controls/togglebutton.html" style="white-space:nowrap">Nút bt tt</a></td>
<td>Mt nút bt/tt có đèn ch báo.</td>
<td>{@link android.widget.ToggleButton ToggleButton} </td>
</tr>
<tr>
<td><a href="controls/spinner.html">Quay tròn</a></td>
<td>Mt danh sách th xung cho phép người dùng chn mt giá tr t mt tp hp.</td>
<td>{@link android.widget.Spinner Spinner} </td>
</tr>
<tr>
<td><a href="controls/pickers.html">B chn</a></td>
<td>Mt hp thoi cho người dùng chn mt giá tr đơn l cho mt tp hp bng cách s dng các nút lên/xung hoc thông qua c ch trượt nhanh. S dng mt widget <code>DatePicker</code> để nhập giá trị cho ngày (tháng, ngày, năm) hoặc một widget <code>TimePicker</code> để nhp giá tr cho thi gian (giờ, phút, Sáng/Chiu ti) mà s được định dng t động theo bn địa ca người dùng.</td>
<td>{@link android.widget.DatePicker}, {@link android.widget.TimePicker}</td>
</tr>
</table>