当前位置: 移动技术网 > IT编程>移动开发>Android > 超简单实现Android自定义Toast示例(附源码)

超简单实现Android自定义Toast示例(附源码)

2019年07月24日  | 移动技术网IT编程  | 我要评论

b7722刷机,清河羊绒交易会,甘肃省人事编制网

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

源码地址:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网