Hướng dẫn Custom Toast trong Android

Như mình đã nói ở bài Toast và Alert Dialog trong ứng dụng Android thì Toast được sử dụng rất nhiều trong Android. Nhưng nhiều lúc bạn thấy nó hiển thị quá đơn điệu, bạn muốn thay đổi cách hiển thị của nó trông cho đẹp hơn, vậy thì bạn hãy xem qua bài viết hướng dẫn Custom Toast trong Android này và sau khi xem xong bạn hãy tạo ra một Toast View theo ý thích của mình nhé.

Cách tạo một Custom Toast

Nói thì nghe kiểu dài dòng phức tạp nhưng làm thì dễ lắm, Custom Toast đơn giản chỉ là tạo ra cho nó một file xml layout mới và set nó vào Toast thôi, trong layout đó bạn có thể tùy chỉnh  cách hiển thị, thêm hình ảnh, background..vv

B1: Đầu tiên là kiếm cái icon, mình sẽ lấy hình này nhé: http://findicons.com/icon/89631/warning, bạn download file png về và đặt tên alert.png rồi copy vào thư mục res/drawable/ nhé

B2: Tiếp theo mình sẽ tạo một file xml trong mục res/drawable/mycustom_toast_border.xml đặt tên là mycustom_toast_border.xml , nội dung file như sau:

Trong file xml trên mình có sử dụng cá thành phần sau:

  • shape: bạn có thể tạm hiểu đó là hình dạng, hình thù, nó chứa các thành phần con tạo nên giao diện cho cái Toast View đó
  • stroke: tạo border cho Toast View
  • padding: tạo khoảng cách từ nội dung Toast tới viền
  • corners: tạo viền bo tròn cho Toast View
  • gradient: tạo giải màu từ  trên xuống dưới bắt đầu từ màu #fceaab tới màu #c4a20a (angle=”-90″ có nghĩa là nó chạy từ trên xuống dưới, bạn có thể thay đổi nó).
Custom Toast trong Android
Custom Toast trong Android – Hình trên chính là xem trước của file xml trên

B3: Tiếp tục mình tạo thêm file mycustomtoast_layout.xml để trong thư mục res/layout/mycustomtoast_layout.xml, file này chính là định dạng layout hiển thị  cho toast:

File này bao gồm icon và nội dung Toast, nói chính xác là file xml này chứa nội dung của Custom Toast View.

Custom Toast trong Android - Hình trên chính là xem trước của file xml trên
Custom Toast trong Android –  xem trước của file xml trên

B4:  Tạo mới một activity và đặt tên CustomToastActivity, khi tạo mới activity thì nó sẽ tự sinh ra file activity_custom_toast.xml. Trong file activity_custom_toast sẽ có 1 button mình đặt tên là Show, khi bấm vào button này nó sẽ hiện thị ra Toast.

Nội dung file activity_custom_toast.xml

Trong file CustomToastActivity bạn khai báo id cho button và bắt đầu code thôi.

Nội dung file CustomToastActivity:

B5: Thế là xong phần Custom Toast rồi đấy, bây giờ là lưu lại và chạy xem kết quả thôi, dưới đây là hình ảnh của cái Toast mình vừa Custom cho nó xong.

Custom Toast trong Android
Custom Toast trong Android – Hoàn thành

Lời kết

Qua bài viết hướng dẫn Custom Toast trong Android ngắn trên hi vọng bạn có thể tự tạo cho mình một Toast View đẹp và ưng ý. Trong quá trình tìm hiểu nếu bạn gặp bất kỳ lỗi nào hay có bất kỳ góp ý hay chia sẻ gì, mong bạn có thể để lại comment bên dưới hoặc gửi mail về [email protected]. Xin cảm ơn!!

Gom Marker trong Android với Google Maps Android API – Google Maps Android Marker Clustering Utility Sử dụng SwipeRefreshLayout trong ứng dụng Android Hướng dẫn tạo Material Dialog Bottom Sheet Android Tạo context menu trong Android – ActionBar ActionMode.CallBack Example Retrofit và Volley thư viện nào tốt hơn Hướng dẫn sử dụng thư viện Volley trong Android Tạo Web Service bằng PHP và MYSQL cho ứng dụng di động – Part 2 Tạo Web Service bằng PHP và MYSQL cho ứng dụng di động – Part 1 Hàm chuyển đổi Timestamp thành Datetime trong Android và JavaScript Design Patterns là gì? Tạo Project Android theo mẫu Design Patterns(Part 2)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.