Android 自定义 Toast 转载

文章转载自:


Android 中有一个 Toast 控件,可以用来显示提示信息,还是非常好用的,但是样式和显示时长比较局限。所以我们来自定义一个 Toast,让它可以显示我们想要的效果,并能设置显示时长。

首先,在 res\layout 文件夹下创建自定义 Toast 的布局文件 custom_toast.xml,用来设置 Toast 的样式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toast_custom_parent"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">

<TextView
android:id="@+id/tvToastContent"
android:layout_width="wrap_content"
android:layout_height="46dp"
android:layout_marginBottom="75dp"
android:background="@drawable/toast_customer_style"
android:gravity="center"
android:textColor="#FFFFFF" />

</LinearLayout>

这里的自定义 Toast 其实就是一个TextView ,其中引用了 res\drawable 文件夹下的一个 shape 样式文件:

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 设置背景透明度和颜色 -->
<solid android:color="#99000000" />
<!-- 设置四个角为弧形 -->
<corners android:radius="23dp" />
<padding
android:left="23dp"
android:right="23dp" />
</shape>

到这里,所有的布局就已经设计好了,也就是实现了自定义样式,接下来就是在代码中实现自定义 Toast 了,以及实现设置显示时长:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
public class CustomToast {
private boolean canceled = true;
private Handler handler;
private Toast toast;
private TimeCount time;
private TextView toast_content;

public CustomToast(Context context, ViewGroup viewGroup) {
this(context, viewGroup, new Handler());
}

public CustomToast(Context context, ViewGroup viewGroup, Handler handler) {
this.handler = handler;

View layout = LayoutInflater.from(context).inflate(R.layout.custom_toast, viewGroup);
toast_content = (TextView) layout.findViewById(R.id.tvToastContent);
if (toast == null) {
toast = new Toast(context);
}
toast.setGravity(Gravity.BOTTOM, 0, 0);
toast.setDuration(Toast.LENGTH_LONG);
toast.setView(layout);
}

/**
* @param text 要显示的内容
* @param duration 显示的时间长
* 根据LENGTH_MAX进行判断
* 如果不匹配,进行系统显示
* 如果匹配,永久显示,直到调用hide()
*/
public void show(String text, int duration) {
time = new TimeCount(duration, 1000);
toast_content.setText(text);
if (canceled) {
time.start();
canceled = false;
showUntilCancel();
}
}

/**
* 隐藏Toast
*/
public void hide() {
if (toast != null) {
toast.cancel();
}
canceled = true;
}

private void showUntilCancel() {
if (canceled) {
return;
}
toast.show();
handler.postDelayed(new Runnable() {
public void run() {
showUntilCancel();
}
}, 3000);
}

/**
* 计时器
*/
class TimeCount extends CountDownTimer {
public TimeCount(long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval); // 总时长,计时的时间间隔
}

@Override
public void onFinish() { // 计时完毕时触发
hide();
}

@Override
public void onTick(long millisUntilFinished) { // 计时过程显示
}
}

}

这里主要通过一个倒计时器和异步线程来实现设置显示时长。TimeCount 有两个参数,第一个是倒计时时长,也就是 Toast 要显示的时长,第二个是间隔时间,在倒计时内每隔一定时间会回调一次 onTick 方法,倒计时结束后回调 onFinish 方法。在倒计时器中我 们要设置的只有倒计时时长,即显示时长,时间到了就 cancel() 掉 Toast。在对 Toast 初始化时,默认设置的显示时长是 LENGTH_LONG,为 2.5s。那么问题来了,3s 以内倒计时器可以控制显示时长,但是超过 3s Toast 就自行结束了,如果我们想要显示超过三秒怎么办,所以这里通过一个异步线程,并设置一个 postDelayed 任务,推迟 3s 执行,在线程中调用自身的方法,实现循环调用。 这样每隔 3s 显示一次 Toast ,达到了一直显示的效果。然后通过 canceled 属性,将倒计时器和异步线程联系到一起,这样就可以通过 Handler 让 Toast 一直显示,再通过 TimeCount 让 Toast 结束显示,达到了自定义显示时长的效果。

具体调用方法如下:

1
2
3
4
5
6
7
8
9
10
private CustomToast toast;

private void toastMessage(String content) {
if (toast != null) {
toast.hide();
}
toast = new CustomToast(LoginActivity.this,
(ViewGroup) this.findViewById(R.id.toast_custom_parent));
toast.show(content, 500);
}

这样我们就可以在 onClick 等事件中通过调用 toastMessage("自定义 Toast 的显示内容 "); 来显示你想要给用户看到的提示内容了。


Android 自定义 Toast 转载
https://luoyuy.top/posts/c584a47cc2bb/
作者
LuoYu-Ying
发布于
2023年3月7日
许可协议