超簡單實(shí)現(xiàn)Android自定義Toast示例（附源碼）

發(fā)布時間：2020-08-25 20:53:37 來源：腳本之家閱讀：444 作者：塵少欄目：移動開發(fā)

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

特點(diǎn)在于使用簡單，并且自帶兩種樣式：

1)普通的文字樣式；

2)帶圖標(biāo)樣式。

其中圖標(biāo)有√和×兩種圖標(biāo)。

BToast還有另外一個特點(diǎn)就是：

系統(tǒng)自帶Toast采用的是隊(duì)列的方式，當(dāng)前Toast消失后，下一個Toast才能顯示出來；

而BToast會把當(dāng)前Toast頂?shù)簦?直接顯示最新的Toast。

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

（一）、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>

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

現(xiàn)在就可以寫布局了：

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現(xiàn)在已經(jīng)OK，剩下的就是Java部分了。

（二）、Java：

寫一個BToast類，繼承Toast、成員變量自身單例、還有構(gòu)造函數(shù)：

public class BToast extends Toast {
  /**
   * Toast單例
   */
  private static BToast toast;

  /**
   * 構(gòu)造
   *
   * @param context
   */
  public BToast(Context context) {
    super(context);
  }

}

為了實(shí)現(xiàn)可以吧當(dāng)前Toast頂下去的需求，我們需要重寫幾個方法

  /**
   * 隱藏當(dāng)前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) {

    }
  }

現(xiàn)在我們就可以寫我們的邏輯了，首先當(dāng)然是引入我們的布局咯：

  /**
   * 初始化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文件創(chuàng)建一個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();
    }
  }

一切準(zhǔn)備工作都已就緒，接下來就是顯示Toast的方法了：

  /**
   * 圖標(biāo)狀態(tài) 不顯示圖標(biāo)
   */
  private static final int TYPE_HIDE = -1;
  /**
   * 圖標(biāo)狀態(tài) 顯示√
   */
  private static final int TYPE_TRUE = 0;
  /**
   * 圖標(biāo)狀態(tài) 顯示×
   */
  private static final int TYPE_FALSE = 1;

  /**
   * 顯示Toast
   *
   * @param context 上下文
   * @param text  顯示的文本
   * @param time  顯示時長
   * @param imgType 圖標(biāo)狀態(tài)
   */
  private static void showToast(Context context, CharSequence text, int time, int imgType) {
    // 初始化一個新的Toast對象
    initToast(context, text);

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

    // 判斷圖標(biāo)是否該顯示，顯示√還是×
    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();
  }

就是這么簡單。

細(xì)心的朋友可能發(fā)現(xiàn)了，這個方法是private的，先別產(chǎn)生疑慮，聽我慢慢道來。

寫到這里，其實(shí)你可以直接把這個方法改成Public，這樣的話現(xiàn)在就已經(jīng)大功告成了，但是這樣的話與原生Toast使用起來有什么區(qū)別？

還是需要寫那么長一串參數(shù)，唯一的好處就是不用寫.show()了。

咱們現(xiàn)在做的事情叫“自定義”， “自定義”的意思就是我們自己定義規(guī)則，既然如此，我們何不提升一下“用戶體驗(yàn)”呢？

何況這個“用戶”還是我們自己。

廢話不多說，我們開始進(jìn)行最后一步。

（三）、升華：

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

  /**
   * 顯示一個帶圖標(biāo)的吐司
   *
   * @param context  上下文
   * @param text   顯示的文本
   * @param isSucceed 顯示【對號圖標(biāo)】還是【叉號圖標(biāo)】
   */
  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  持續(xù)的時間
   */
  public static void showText(Context context, CharSequence text, int time) {
    showToast(context, text, time, TYPE_HIDE);
  }

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

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

  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, "簡單提示 正確圖標(biāo)", true);
        break;

      case R.id.btn_text_false:
        BToast.showText(this, "簡單提示 錯誤圖標(biāo)", 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, "簡單提示 正確圖標(biāo) 長~ ", Toast.LENGTH_LONG, true);
        break;

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

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

功德圓滿！

趕緊看一下我們的成果：

BamboyToast效果圖

超簡單實(shí)現(xiàn)Android自定義Toast示例（附源碼）

源碼地址：BamboyToast_jb51.rar

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

超簡單實(shí)現(xiàn)Android自定義Toast示例（附源碼）

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽