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

2019-12-12 03:46:07

字體：大中小

來源：轉載

供稿：網友

Bamboy的自定義Toast，（以下稱作“BToast”）

特點在于使用簡單，并且自帶兩種樣式：

1)普通的文字樣式；

2)帶圖標樣式。

其中圖標有√和×兩種圖標。

BToast還有另外一個特點就是：

系統自帶Toast采用的是隊列的方式，當前Toast消失后，下一個Toast才能顯示出來；

而BToast會把當前Toast頂掉，直接顯示最新的Toast。

那么，簡單三步，我們現在就開始自定義一下吧！

（一）、Layout：

要自定義Toast，

首先我們需要一個XML布局。

但是在布局之前我們需要三個資源文件，分別是背景、√和×。

背景可以用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.xml

<?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部分了。

（二）、Java：

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

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效果圖