Android Tooltips example in kotlin

Android Tooltips là một gợi ý cho người dùng về một nút cụ thể hoặc một phần tử chế độ xem khác. Nó hiển thị thông báo pop nhỏ cho người dùng khi nhấn và giữ chế độ xem hoặc di chuột vào đó. Điều này rất hữu ích vì đôi khi biểu tượng duy nhất có thể điều chỉnh trên màn hình và thông tin (nhãn) có thể dài hơn. Trong ví dụ hướng dẫn này, bạn sẽ học cách thêm chú giải công cụ trên Android 8.0 (API cấp 26) trở lên bằng cách sử dụng kotlin.

Tooltip công cụ có thể xuất hiện — một “hộp di chuột” nhỏ với thông tin về mục đang được di chuột qua hoặc nhấn và giữ.

Trong hướng dẫn này, bạn sẽ tìm hiểu những điều sau:

Thêm nút nổi trong bố cục
Đặt văn bản Chú giải công cụ trong một nút nổi
Văn bản "hộp di chuột" trên menu mặc định

Hãy cùng xây dựng một ví dụ đơn giản về Tooltip công cụ của Android

Bước 1. Tạo một dự án mới "Xây dựng ứng dụng Android đầu tiên của bạn trong Kotlin"

Bước 2. Thêm FloatingActionButton trong bố cục tài nguyên “activity_main.xml“

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<android.support.design.widget.FloatingActionButton
android:id="@+id/floatingActionButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="24dp"
android:layout_marginEnd="24dp"
android:clickable="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:srcCompat="@android:drawable/ic_dialog_email" />
</android.support.constraint.ConstraintLayout>

Bước 3. Tạo menu mới và thêm mã sau

nếu bạn không có bất kỳ tệp tài nguyên menu nào thì hãy tạo “Thư mục tài nguyên Android” trước tiên, sau đó tạo tệp tài nguyên “main_menu.xml”

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android">

<item
android:id="@+id/action_fav"
android:icon="@android:drawable/btn_star_big_off"
android:title="Star mails"
app:showAsAction="always"/>
</menu>

Bước 4. Mở “MainActivity.kt” và thêm mã sau

Trong mã cài đặt một tooltipText và menu trong The Activity. Đối với menu tooltipText sẽ hiển thị <itme> android: title = "Star mails" </>, Nhấn và giữ sẽ bật lên văn bản nhỏ trên màn hình

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.view.Menu
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)

// setting tooltip message
floatingActionButton.tooltipText = "Send Email"
}

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
menuInflater.inflate(R.menu.main_menu, menu)
return true
}
}