Tạo Tooltips trong Android không cần code

Bởi

Tooltip là cách hiển thị thêm thông tin dưới dạng popup. Chức năng cho phép ứng dụng bổ sung thông tin mà không làm giao diện phức tạp, rối rắm. Tuy nhiên, việc tạo tooltip thường là cũng đơn giản nhưng hay phải lặp đi lặp lại, gây rối code nếu bạn không biết cách.

Hôm nay mình sẽ hướng dẫn các bạn các bước đơn giản tạo Tooltips mà không cần code.

Đó là sử dụng Pointzi SDK. Bạn có thể tạo Tooltips rất đơn giản mà không phải viết code, chỉ mất khoảng 2 phút để cấu hình thôi.

Nội dung chính của bài viết

Tooltip là gì? Tác dụng của Tooltip
5 bước để tạo Tooltips không cần code
- Kết luận

Tooltip là gì? Tác dụng của Tooltip

Tooltips trong android là dạng popup nhỏ hiển thị ngay cạnh một view nào đó. Ví dụ: Tooltips được dùng để hướng dẫn, giải thích tác dụng của một view nào đó trên màn hình.

Nội dung trong tooltip có thể là chữ, hình ảnh hoặc kết hợp chúng tùy theo layout thiết kế.

Cách tạo Tooltips trong Android mà không cần phải code — Tooltip là một popup nhỏ ngay cạnh một view

Mục đích của tooltip là giải thích cho người dùng biết đối tượng này dùng để làm gì hoặc hiển thị thêm thông tin của view mà người dùng chạm vào.

Ưu điểm lớn nhất của tooltip là hiển thị thêm nhiều thông tin của view, tiết kiệm diện tích giao diện, không ảnh hưởng tới thiết kế UI của ứng dụng. Vẫn đảo bảo thiết kế UI của ứng dụng đơn giản.

Do đó, tooltip thường hay được dùng trong những trường hợp sau:

Hiển thị một đoạn giải thích về một tính năng của một button, một view nào đó.
Hiển thị nhiều action như (Add, Delete, Edit, Share …) của một view. Và các action này có vị trí phụ thuộc vào vị trí một đối tượng khác đã xuất hiện trước đó trên màn hình.
vân vân và mây mây…

Trên đây chỉ là 2 tình huống thường sử dụng tooltips mà thôi. Còn tùy loại ứng dụng và sở thích design UI của bạn mà tùy cơ ứng biến.

5 bước để tạo Tooltips không cần code

Để có thể sử dụng được Pointzi SDK, chúng ta cần 5 bước đơn giản sau:

Bước 1: Tạo tài khoản Pointzi. Khi có tài khoản rồi, bạn tạo một ứng dụng. Sau đó ghi lại key để sử dụng ở bước sau.

Bước 2: Tiến hành thêm Pointzi repositories vào grade file như bên dưới:

allprojects {
    ...
    repositories {
        ...
        maven {
            url "http://pkg.streethawk.com/artifactory/pointzi"
        }
        maven {
            url "http://pkg.streethawk.com/artifactory/streethawk"
        }
        ...
    }
    ...
}

Bước 3: Thêm các dependencies Pointzi vào Build-gradle (module level).

dependencies {
    ...
    compile "com.streethawk:core:latest.release"
    compile "com.streethawk:pointzi:latest.release"
    ...
}

Bước 4: Khởi tạo đối tượng Pointzi để có thể sử dụng ở mọi nơi trong dự án (Singleton pattern)

..
import com.streethawk.library.pointzi.Pointzi;
...

Pointzi.INSTANCE.init(getApplication(),  "<Your app_key from Pointzi Dashboard>"

Bước 5: Cuối cùng thì bạn chạy ứng dụng và thông qua trang quản trị của pointzi mà không cần phải code gì cả. Thật tuyệt vời phải không?

Kết luận

Như vậy là bạn có thể tạo Tooltips rất đơn giản cho ứng dụng của mình mà không cần phải code nhiều.

Chúc các bạn thành công với những bước đơn giản mà mình nêu trên đây. Đừng quên comment bên dưới và đóng góp ý kiến cho mình nhé. Nếu có thắc mắc gì thì đừng ngần ngại chia sẻ!

À thêm một khóa học Kotlin bổ trợ cho các bạn mình mới update, đừng quên đọc nhé.

💥 Đọc thêm các bài viết thủ thuật hay về lập trình Android khác: