Android 自定义Toast,修改Toast样式和显示时长

时间:2021-03-07 10:53:46

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

Toast ,让它可以显示我们想要的效果,并能设置显示时长。

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

<?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 样式文件:

<?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 了,以及实现设置显示时

长:

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 ,大约为3s,那么问题来了,3s以内倒计时器可以控制显示时长,但是超过3s Toast 就自行结束了,如果我们想

要显示超过三秒怎么办,所以这里通过一个异步线程,并设置一个 postDelayed 任务,推迟3s执行,在线程中调用自身的方法,实

现循环调用。 这样每隔3s显示一次 Toast ,达到了一直显示的效果。然后通过 canceled 属性,将倒计时器和异步线程联系到一起,

这样就可以通过 Handler 让 Toast 一直显示,再通过 TimeCount 让 Toast 结束显示,达到了自定义显示时长的效果。

具体调用方法如下:

    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 的显示内容 "); 来显示你想要给用户看到的提示内容了。