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

来源:互联网 发布:工期进度计划软件 编辑:程序博客网 时间:2024/03/29 03:37

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

怎么样?是不是逼格满满?

下尘少老规矩,上源码:http://download.csdn.net/download/bamboy_/9751189

0 0
原创粉丝点击