ImageButton | Lap Trinh Cho Ban

Bài này sẽ giới thiệu các widget cơ bản hay được sử dụng trong các ứng dụng Android

1. TextView

Bạn sử dụng TextView để hiển thị các đoạn văn bản mà không muốn người dùng có thể chỉnh sửa được nội dung. Bạn có thể khai báo TextView trong file layout XML hoặc trong đoạn code Java.

Ví dụ sau cho bạn thấy cách sử dụng TextView. Tạo một project có tên BasicWidget, activity có tên BasicWidgetActivity.java, file layout trong thư mục res/layout có tên activity_basic_widget.xml và khai báo TextView trong file layout như sau:

<?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Test TextView widget" />

Bạn không cần làm thêm gì cả, đơn giản chạy ứng dụng trên giả lập simulator và bạn sẽ thấy giao diện ứng dụng hiển thị dòng chữ “Test TextView widget”. Ở đây bạn chỉ cần lưu ý:

• android:layout_width: độ rộng của TextView, giá trị hiện dùng là “fill_parent” có nghĩa toàn bộ độ rộng của đối tượng cha, cụ thể trong trường hợp này là toàn bộ màn hình
• android:layout_height: chiều cao của TextView, giá trị hiện dùng là “wrap_content” có nghĩa là chỉ sử dụng đủ chiều cao cho nội dung hiển thị không lấy thừa.
• android:text: text hiển thị trên giao diện khi chạy ứng dụng

2. Button 

Ở trong bài 5 và 6 đã nói đến cách sử dụng button, làm thế nào để gán một sự kiện kích chuột của button cho một hàm callback để xử lý. Tuy nhiên có một cách đơn giản hơn để gán sự kiện button, đó là khai báo ngay hàm callback trong file xml.

Để test thử bạn hãy chỉnh sửa file layout bên trên thành:

<?xml version="1.0" encoding="utf-8"?> <Button xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="" android:onClick="onClickTest" android:id="@+id/btnTest" />

Ở đây sự kiện click của button được xử lý bởi hàm có tên onClickTest(). Chỉnh sửa code trong file activity như sau:

package com.example.basicwidget; import java.util.Date; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; publicclass BasicWidgetActivity extends ActionBarActivity { Button btn; @Override protectedvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_basic_widget); btn = (Button)findViewById(R.id.btnTest); updateTime(); } publicvoid onClickTest(View btn){ updateTime(); } privatevoid updateTime() { btn.setText(new Date().toString()); } }

Chạy ứng dụng và bạn sẽ được kết quả giống như trong bài 5,6.

3. ImageView và ImageButton

Để hiển thị ảnh trong android người ta sử dụng ImageView và ImageButton.

Hai widget này đều có thuộc tính android:src trỏ đến tài nguyên file ảnh trong thư mục drawable. ImageView đơn giản chỉ dùng cho hiển thị ảnh, chỉnh sửa kích thước ảnh hiển thị. ImageButton ngoài các thuộc tính của ImageView còn có thêm xử lý sự kiện clickc của Button và một số thứ khác. Ví dụ:

android:src = "@drawable/my_image"

Trong đó my_image là tên file ảnh trong thư mục drawable… của project.

4. EditText

Trong lập trình ứng dụng một widget không thể thiếu đó là Text box, trong android gọi là EditText. EditText sử dụng cho phép người dùng nhập thông tin để ứng dụng xử lý dưới dạng các text box. Ví dụ sau thể hiện một EditText có tên etName khi báo trong layout BasicWidget:

<?xml version="1.0" encoding="utf-8"?> <EditText xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:inputType="text" android:text="Test EditText widget" android:id="@+id/etName" />

Chạy ứng dụng bạn sẽ thấy kết quả như sau:

Một số thuộc tính quan trọng:

• android:singleLine: quy định EditText này có một hay nhiều dòng hiển thị trên giao diện
• android:inputType: quy định kiểu dữ liệu đầu vào, có thể là chữ, số, password…
• android:text: giá trị text trong EditText

Bạn cũng có thể thiết lập giá trị text cho EditText bằng cách sử dụng hàm setText() trong code java. Ví dụ sau thể hiện điều đó:

protectedvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_basic_widget); EditText et = (EditText)findViewById(R.id.etName); et.setText("this is a test for EditText widget."); }

Trong hàm onCreate() bạn đơn giản chỉ là tìm EditText và gọi hàm setText để thiết lập giá trị.cho EditText. Trong phần tiếp theo chúng ta sẽ tiếp tục tìm hiều về các widget cơ bản còn lại của android.