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

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

源码地址:BamboyToast_jb51.rar

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

时间: 2017-02-08

微信小程序 Toast自定义实例详解

微信小程序 Toast自定义实例详解 实现类似于Android的Toast提示 index.js: var timer; var inputinfo = ""; var app = getApp() Page({ data: { animationData:"", showModalStatus:false }, onLoad: function () { }, showModal: function () { // 显示遮罩层 var animation = wx

android之自定义Toast使用方法

Android系统默认的Toast十分简洁,使用也非常的简单.但是有时我们的程序使用默认的Toast时会和程序的整体风格不搭配,这个时候我们就需要自定义Toast,使其与我们的程序更加融合. 使用自定义Toast,首先我们需要添加一个布局文件,该布局文件的结构和Activity使用的布局文件结构一致,在该布局文件中我们需设计我们Toast的布局,例如: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> &

基于自定义Toast全面解析

Toast一般用来显示一行文字,用法比较固定: Toast.makeText(Context context,String message,int duration); 但是有时候想用toast 来显示复杂的view甚至是带有图片的view时这时候就要用到自定义的Toast,自定义Toast主要用到一下几个方法如图: 1.setView()方法用来显示用户自定义的view. 2. setGravity()用来确定Toast显示的位置. 3.setDuration()用来设置Toast显示的时间长

微信小程序 自定义Toast实例代码

微信小程序 自定义Toast实例代码 Toast样式可以根据需求自定义,本例中是圆形 <!--按钮--> <view class="btn" bindtap="btn_toast">自定义Toast</view> <!--以下为toast显示的内容 opacity为透明度--> <view class="toast_box" style="opacity:{{0.9}}"

Android 自定义 Toast 显示时间

Android 自定义 Toast 显示时间 实现代码: package com.wm.realname.util; import android.content.Context; import android.os.Handler; import android.view.View; import android.widget.Toast; /** * Toast自定义显示时间 * 使用方法 * 1.先初始化类 MyToast myToast = new MyToast(this); * 2.

分享Android中Toast的自定义使用

1.Toast源码分析 老规矩,我们先去看Toast的源码. Toast有两种显示布局方式,一种最常见调用Toast.makeText()  ,看源码是这样写的 public static Toast makeText(Context context, CharSequence text, @Duration int duration) { Toast result = new Toast(context); LayoutInflater inflate = (LayoutInflater) c

Android编程实现自定义toast示例

本文实例讲述了Android编程实现自定义toast.分享给大家供大家参考,具体如下: 效果图: 代码: //自定义布局的toast customViewToast.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast toast = Toast.makeText(ToastTest.this, "top", Toast.LENGTH_SHORT); /

android自定义toast(widget开发)示例

1.Toast控件: 通过查看源代码,发现Toast里面实现的原理是通过服务Context.LAYOUT_INFLATER_SERVICE获取一个LayoutInflater布局管理器,从而获取一个View对象(TextView),设置内容将其显示 复制代码 代码如下: public static Toast makeText(Context context, CharSequence text, int duration) {        Toast result = new Toast(c

android自定义Toast设定显示时间

开发android的同学可能会抱怨Toast设定显示的时长无效,只能是Toast.LENGTH_LONG 或者Toast.LENGTH_SHORT 之一,为了解决这些办法,有多种实现方式: 1.使用定时器,定时调用show()方法. 2.使用CountDownTimer类,也是调用show()方法. 3.使用WindownManager类实现. 本文使用方法三进行实现,难度不大,直接看代码吧. package com.open.toast; import android.content.Cont

Android自定义Toast之WindowManager

本文为大家分享了Android自定义Toast之WindowManager,供大家参考,具体内容如下 Toast:WindowManager 三个重要的API: public void addView(View view, ViewGroup.LayoutParams params); public void updateViewLayout(View view, ViewGroup.LayoutParams params); 相当于布局文件中的属性 public void removeView

Android自定义TitleView标题开发实例

Android开发过程中,经常遇到一个项目需要重复的定义相同样式的标题栏,Android相继推出了actionBar, toolBar, 相信有用到的朋友也会遇到一些不如意的时候,比如标题栏居中时,需要自定义xml文件给toolBar等,不了解actionBar,toolBar的可以去找相应的文章了解,这里介绍自定义titleBar满足国内主题风格样式的情况. 为了提前看到效果,先上效果图: 前期准备 1.为标题栏titleView预定义id,在values下的ids.xml中 <?xml ve

android之App Widget开发实例代码解析

Android Widget开发案例实现是本文要介绍的内容,主要是来了解并学习Android Widget开发应用,今天我们要写一下Android Widget的开发,由于快点凌晨,我就不说的太具体了,同志们就模仿吧! 首先继续了解下App Widget框架的主要的类: AppWidgetProvider:继承自BroadcastReceiver,在App Widget应用update,enable,disable和deleted时接受通知.其中onUpdate,onReceive是最常用到的方

Android自定义个性化的Dialog示例

本文实例讲述了Android自定义个性化的Dialog.分享给大家供大家参考,具体如下: Dialog: mDialog = new Dialog(this, R.style.chooseUserDialogTheme); mDialog.setTitle(R.string.choose_user); View rootView = LayoutInflater.from(this).inflate( R.layout.view_simple_choose_user, null); mDialo

Android 自定义星评空间示例代码

没事做用自定义view方式写一个星评控件,虽说网上很多这个控件,但是这是自己写的,在这里记录一下. 首先需要自定义属性 <declare-styleable name="Rate"> <!--属性分别是:单个的宽,高,之间的距离,激活的数量,总数量,激活的drawable,没有激活的drawable,是否可以选择数量--> <attr name="custom_rate_width" format="dimension&quo

android自定义倒计时控件示例

自定义TextView控件TimeTextView代码: 复制代码 代码如下: import android.content.Context;import android.content.res.TypedArray;import android.graphics.Paint;import android.text.Html;import android.util.AttributeSet;import android.widget.TextView; import com.new0315.R;