[Android Cơ Bản] Ảnh 9 patch trong Android

Hi các em, trong bài ngày hôm nay chúng ta cùng tìm hiểu ảnh ‘auto’ co giãn 9 patch trong thiết kế giao diện trong Android nhé.

9 patch là gì ?

9 patch là 1 ảnh png có khả năng co giãn tự động theo kích thước của nội dung khi chúng ta sử dụng nó là background của view .

Để tạo ra ảnh 9 patch chúng ta có thể sử dụng công cụ có sẵn trong Android Studio là Draw 9-patch tool

Một vài ứng dụng sử dụng 9 patch

Các bước để tạo ảnh 9 patch

Bước 1 : Copy ảnh .png vào thư mục drawable trong dự án Android

Bước 2 : click chuột phải vào ảnh chọn “Create 9-patch file…

Bước 3 : Đặt tên và chọn thư mục lưu ảnh mới có đuôi là .9.png

Bước 4 : Click đúp vào ảnh mới ta được giao diện như sau :

Ảnh bên trái màn hình là khu vực chỉnh sửa
3 ảnh bên phải là preview cho các trường hợp co giãn ảnh theo chiều ngang, dọc

Bước 5 : Tùy chỉnh khu vực co giãn
– Click chuột ở phía trên và bên trái của ảnh để quy định khu vực có thể co giãn,

  • Click chuột ở phía bên phải và phía dưới của ảnh để quy định khu vực nội dung sẽ được hiển thị. Click nút ‘Show content’ để xem trước

Bước 6 : tắt cửa sổ edit ảnh 9 patch và sử dụng ảnh cho background của TextView

Như vậy là sau bài học này, chúng ta đã biết cách sử dụng ảnh 9 patch tạo background cho View.

Trong quá trình thực hành nếu có câu hỏi các em vui lòng đăng bài tại nhóm học Android của anh nhé.

Các thông tin khác em xem tại :

Fanpage : https://fb.me/HuyNguyenAndroid/ 
Youtube : http://bit.ly/VideosAndroidCoBan 
Website : http://www.dotplays.com/category/android-co-ban/ 
Group hỗ trợ : http://bit.ly/GroupHoTroHocAndroid