Lập trình Android TUT ANDROID 005

Lập trình Android TUT ANDROID 005: USER INTERFACE TRONG ANDOID – IMAGEVIEW, IMAGE BUTTON (PART 3)

( VEDA ) ImageView: trong andoird là lớp hỗ trợ các bạn hiện thị các ảnh một cách dễ dàng.

ImageButton: trong android bạn có thể sử dụng ImageButton để hiển thị một Button thông thường với hình nền là một bức ảnh tùy ý. Về việc xử lý với ImageButton rất giống với Button

Để làm rõ 2 thành phần này trong ví dụ này mình sẽ làm một ứng dụng với kịch bản như sau: Giao diện của ứng dụng gồm 2 thành phần: 1 ImageView, 1 ImageButton khi bạn click vào ImageView thì mình sẽ hiển thị “Toast” để thông báo; khi bạn click vào ImageButton mình sẽ thay đổi ảnh của ImageView theo vòng lần lượt 6 ảnh là quốc kỳ của các nước.

Để làm được ví dụ này các bạn thực hiện lần lượt các bước sau:

Bước 1: bạn tạo thư mục drawable trong folder res và copy các bức ảnh các bạn muốn hiển thị vào trong đó trong ví dụ của mình mình copy hình ảnh quốc kỳ 6 nước vào thư mục này như hình.

Ngoài ra mình có copy 1 ảnh để làm nền cho ImageButton vì ảnh của mình có kích thước 96×96 nên mình copy vào thư mục drawalbe-xhdpi . Việc copy chuẩn vào folder rất có lợi vì hđh android sẽ tự xác định kích thước màn hình của bạn để chọn ảnh tương ứng các bạn có thể thử bằng cách delete ảnh ở thư mục này và copy vào thư mục drawalbe ở trên và chạy để xem kết quả.

Bước 2: Mở file res-> layout ->activity_main.xml

Bước 3: mở file MainActivity.java

Bài tiếp theo: Bài 6: 

TUT ANDROID 006: USER INTERFACE TRONG ANDROID – TOGGLE BUTTON, CHECKBOX (PART 4)

 Học viện công nghệ veda

Địa chỉ: Số 1, Hoàng Đạo Thúy, Thanh Xuân, Hà Nội