超簡單實現Android自定義Toast（附源碼）

時間  2019-12-04
標籤 簡單 實現 android 自定義 toast 源碼 欄目 Android 简体版
原文   原文鏈接 
本Demo有更新，
能夠在沒有通知權限的狀況下正常彈出Toast，
感興趣的同窗能夠克隆git：
https://github.com/Bamboy120315/BamToast

Bamboy的自定義Toast，（如下稱做「BToast」）
特色在於使用簡單，
而且自帶兩種樣式：
1)普通的文字樣式；
2)帶圖標樣式。
其中圖標有√和×兩種圖標。android

BToast還有另一個特色就是：
系統自帶Toast採用的是隊列的方式，
等當前Toast消失後，
下一個Toast才能顯示出來；
而BToast會把當前Toast頂掉，
直接顯示最新的Toast。git

那麼，
簡單三步，
咱們如今就開始自定義一下吧！github

（一）、Layout：
要自定義Toast，
首先咱們須要一個XML佈局。ide

可是在佈局以前咱們須要三個資源文件，
分別是背景、√和×。函數

背景能夠用XML畫出來：
toast_back.xml佈局

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="12dp" />

    <solid android:color="#CC000000"/>

</shape>

√和×就最好用圖片啦，
源碼裏面有這兩張圖片，
這裏就不貼出來了。動畫

如今就能夠寫佈局了：
toast_layout.xmlthis

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:background="@drawable/toast_back"
              android:gravity="center_vertical"
              android:padding="13dp"
              android:orientation="vertical" >

    <ImageView
        android:id="@+id/toast_img"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@drawable/toast_y"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="5dp" />

    <TextView
        android:id="@+id/toast_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:textColor="#FFFFFF"
        android:gravity="center"
        android:textSize="17sp" />

</LinearLayout>

所須要的XML如今已經OK，
剩下的就是Java部分了。spa

（二）、Java：
寫一個BToast類，繼承Toast、
成員變量自身單例、
還有構造函數：.net

public class BToast extends Toast {
    /**
     * Toast單例
     */
    private static BToast toast;
    
    /**
     * 構造
     *
     * @param context
     */
    public BToast(Context context) {
        super(context);
    }
    
}

爲了實現能夠吧當前Toast頂下去的需求，
咱們須要重寫幾個方法

/**
     * 隱藏當前Toast
     */
    public static void cancelToast() {
        if (toast != null) {
            toast.cancel();
        }
    }

    public void cancel() {
        try {
            super.cancel();
        } catch (Exception e) {

        }
    }

    @Override
    public void show() {
        try {
            super.show();
        } catch (Exception e) {

        }
    }

如今咱們就能夠寫咱們的邏輯了，

首先固然是引入咱們的佈局咯：

/**
     * 初始化Toast
     *
     * @param context 上下文
     * @param text    顯示的文本
     */
    private static void initToast(Context context, CharSequence text) {
        try {
            cancelToast();

            toast = new BToast(context);
            
            // 獲取LayoutInflater對象
            LayoutInflater inflater = 
                (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                
            // 由layout文件建立一個View對象
            View layout = inflater.inflate(R.layout.toast_layout, null);

            // 吐司上的圖片
            toast_img = (ImageView) layout.findViewById(R.id.toast_img);

            // 吐司上的文字
            TextView toast_text = (TextView) layout.findViewById(R.id.toast_text);
            toast_text.setText(text);
            toast.setView(layout);
            toast.setGravity(Gravity.CENTER, 0, 70);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

一切準備工做都已就緒，
接下來就是顯示Toast的方法了：

/**
     * 圖標狀態 不顯示圖標
     */
    private static final int TYPE_HIDE = -1;
    /**
     * 圖標狀態 顯示√
     */
    private static final int TYPE_TRUE = 0;
    /**
     * 圖標狀態 顯示×
     */
    private static final int TYPE_FALSE = 1;
    
    /**
     * 顯示Toast
     *
     * @param context 上下文
     * @param text    顯示的文本
     * @param time    顯示時長
     * @param imgType 圖標狀態
     */
    private static void showToast(Context context, CharSequence text, int time, int imgType) {
        // 初始化一個新的Toast對象
        initToast(context, text);

        // 設置顯示時長
        if (time == Toast.LENGTH_LONG) {
            toast.setDuration(Toast.LENGTH_LONG);
        } else {
            toast.setDuration(Toast.LENGTH_SHORT);
        }

        // 判斷圖標是否該顯示，顯示√仍是×
        if (imgType == TYPE_HIDE) {
            toast_img.setVisibility(View.GONE);
        } else {
            if (imgType == TYPE_TRUE) {
                toast_img.setBackgroundResource(R.drawable.toast_y);
            } else {
                toast_img.setBackgroundResource(R.drawable.toast_n);
            }
            toast_img.setVisibility(View.VISIBLE);

            // 動畫
            ObjectAnimator.ofFloat(toast_img, "rotationY", 0, 360).setDuration(1700).start();
        }

        // 顯示Toast
        toast.show();
    }

就是這麼簡單。

細心的朋友可能發現了，
這個方法是private的，
先別產生疑慮，
聽我慢慢道來。

寫到這裏，
其實你能夠直接把這個方法改爲Public，
這樣的話如今就已經大功告成了，
可是這樣的話與原生Toast使用起來有什麼區別？
仍是須要寫那麼長一串參數，
惟一的好處就是不用寫.show()了。

我們如今作的事情叫「自定義」，
「自定義」的意思就是咱們本身定義規則，
既然如此，
咱們何不提高一下「用戶體驗」呢？
況且這個「用戶」仍是咱們本身。

廢話很少說，
咱們開始進行最後一步。

（三）、昇華：

/**
     * 顯示一個純文本吐司
     *
     * @param context 上下文
     * @param text    顯示的文本
     */
    public static void showText(Context context, CharSequence text) {
        showToast(context, text, Toast.LENGTH_SHORT, TYPE_HIDE);
    }

    /**
     * 顯示一個帶圖標的吐司
     *
     * @param context   上下文
     * @param text      顯示的文本
     * @param isSucceed 顯示【對號圖標】仍是【叉號圖標】
     */
    public static void showText(Context context, CharSequence text, boolean isSucceed) {
        showToast(context, text, Toast.LENGTH_SHORT, isSucceed ? TYPE_TRUE : TYPE_FALSE);
    }

    /**
     * 顯示一個純文本吐司
     *
     * @param context 上下文
     * @param text    顯示的文本
     * @param time    持續的時間
     */
    public static void showText(Context context, CharSequence text, int time) {
        showToast(context, text, time, TYPE_HIDE);
    }

    /**
     * 顯示一個帶圖標的吐司
     *
     * @param context   上下文
     * @param text      顯示的文本
     * @param time      持續的時間
     * @param isSucceed 顯示【對號圖標】仍是【叉號圖標】
     */
    public static void showText(Context context, CharSequence text, int time, boolean isSucceed) {
        showToast(context, text, time, isSucceed ? TYPE_TRUE : TYPE_FALSE);
    }

簡簡單單幾個方法，
用戶體驗瞬間直線飆升，
來看一下使用的時候：

public void click(View view) {
        switch (view.getId()) {
            case R.id.btn_text:
                BToast.showText(this, "簡單提示");
                break;

            case R.id.btn_text_true:
                BToast.showText(this, "簡單提示 正確圖標", true);
                break;

            case R.id.btn_text_false:
                BToast.showText(this, "簡單提示 錯誤圖標", false);
                break;

            case R.id.btn_text_long:
                BToast.showText(this, "簡單提示 長~ ", Toast.LENGTH_LONG);
                break;

            case R.id.btn_text_true_long:
                BToast.showText(this, "簡單提示 正確圖標 長~ ", Toast.LENGTH_LONG, true);
                break;

            case R.id.btn_text_false_long:
                BToast.showText(this, "簡單提示 錯誤圖標 長~ ", Toast.LENGTH_LONG, false);
                break;
        }
    }

是否是比原生的Toast好用多了？

功德圓滿！
趕忙看一下咱們的成果：
BamboyToast效果圖

怎麼樣？是否是逼格滿滿？

塵少老規矩，上源碼：
http://download.csdn.net/down...

本Demo有更新，
能夠在沒有通知權限的狀況下正常彈出Toast，
感興趣的同窗能夠克隆Bamboy合集：
Git地址：https://github.com/Bamboy1203...
手機掃碼下載App先睹爲快：
https://fir.im/bamboy

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程