优雅地使用Snackbar 简单封装

最新推荐文章于 2022-12-14 22:36:53 发布
最新推荐文章于 2022-12-14 22:36:53 发布
阅读量1.7k 收藏 3
点赞数
文章标签： snackbar 封装 颜色 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xfhy_/article/details/78239450
版权

优雅地使用Snackbar 简单封装

优点

  • 简单调用,封装进了一个util类中
  • 可自定义Snackbar的背景颜色
  • 可自定义Snackbar的文字颜色
  • 可自定义Snackbar的显示时长
  • 也可以使用默认的2种时长进行显示(1570ms,2750ms)
  • 可自定义action文字的颜色
  • 可自定义点击事件
  • 可向Snackbar中添加View

效果

不说了,老规矩,先上图



思路

  1. 我首先定义了几种消息类型,然后不同的消息类型定义了不同的颜色,方便区分
  2. 根据时长定义不同的静态方法
  3. 设置背景颜色:先获取到Snackbar的View,然后去设置背景颜色就行
  4. 设置文本颜色:先获取到Snackbar的View,然后findViewById(下面的Snackbar源码中有id),找到View里面的TextView,然后设置它的颜色值即可
  5. 设置action颜色,其实就是设置Snackbar布局中的那个Button的颜色,大家一看下面的Snackbar布局就知道了,我这里不必多说.
  6. 使用注解规范(比如null,消息类型等)

为了方便大家理解,下面是Snackbar的布局源码(Google)

<?xml version="1.0" encoding="utf-8"?>
<!--
  ~ Copyright (C) 2015 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
-->

<view
    xmlns:android="http://schemas.android.com/apk/res/android"
    class="android.support.design.internal.SnackbarContentLayout"
    android:theme="@style/ThemeOverlay.AppCompat.Dark"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom">

    <TextView
        android:id="@+id/snackbar_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:paddingTop="@dimen/design_snackbar_padding_vertical"
        android:paddingBottom="@dimen/design_snackbar_padding_vertical"
        android:paddingLeft="@dimen/design_snackbar_padding_horizontal"
        android:paddingRight="@dimen/design_snackbar_padding_horizontal"
        android:textAppearance="@style/TextAppearance.Design.Snackbar.Message"
        android:maxLines="@integer/design_snackbar_text_max_lines"
        android:layout_gravity="center_vertical|left|start"
        android:ellipsize="end"
        android:textAlignment="viewStart"/>

    <Button
        android:id="@+id/snackbar_action"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/design_snackbar_extra_spacing_horizontal"
        android:layout_marginStart="@dimen/design_snackbar_extra_spacing_horizontal"
        android:layout_gravity="center_vertical|right|end"
        android:minWidth="48dp"
        android:visibility="gone"
        android:textColor="?attr/colorAccent"
        style="?attr/borderlessButtonStyle"/>

</view>

源码

下面是整个util类的源码,注释写得还是比较详细的,相信大家能看懂

import android.graphics.Color;
import android.support.annotation.ColorInt;
import android.support.annotation.IntDef;
import android.support.annotation.IntRange;
import android.support.annotation.LayoutRes;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.Snackbar;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.xfhy.androidbasiclibs.R;

/**
 * author feiyang
 * create at 2017/10/12 16:57
 * description：SnakeBar的简单封装,方便使用
 * <p>
 * <p>
 * <p>
 * 源码中:
 * Snackbar snackbar = new Snackbar(findSuitableParent(view));
 * Snackbar的第一个参数:view
 * <p>
 * findSuitableParent(view)方法的主要作用:
 * 1.当传入的View不为空时，如果我们在布局中发现了CoordinatorLayout布局，那么返回的View就是CoordinatorLayout；
 * 2.如果没有CoordinatorLayout布局，我们就先找到一个id为android.R.id.content的FrameLayout（这个布局是最底层的根布局），
 * 将View设置为该FrameLayout；
 * 3.其他情况下就使用View的Parent布局一直到这个View不为空。
 * <p>
 * 这里的颜色配置不能再R.color中配置  Snackbar里面是只能是@ColorInt来设置背景颜色
 */
public class SnackbarUtil {

    /**
     * 信息类型
     */
    public static final int INFO = 1;
    /**
     * 确认信息类型
     */
    public static final int CONFIRM = 2;
    /**
     * 警告类型
     */
    public static final int WARNING = 3;
    /**
     * 错误类型
     */
    public static final int ALERT = 4;

    /**
     * 信息类型的背景颜色
     */
    public final static int BLUE = 0xff2195f3;
    /**
     * 确认信息类型背景颜色
     */
    public final static int GREEN = 0xff4caf50;
    /**
     * 警告类型背景颜色
     */
    public final static int ORANGE = 0xffffc107;
    /**
     * 错误类型背景颜色
     */
    public final static int RED = 0xfff44336;
    /**
     * action文本颜色  白色
     */
    public final static int WHITE = 0xffFFFFFF;

    /**
     * 消息类型   替代Java中的枚举类型
     */
    @IntDef({INFO, CONFIRM, WARNING, ALERT})
    private @interface MessageType {
    }

    /**
     * 显示Snackbar,时长:短时间(1570ms)，可自定义颜色
     *
     * @param view            The view to find a parent from.   view不能为空,
     *                        否则会抛出IllegalArgumentException("No suitable parent found from the
     *                        given view.Please provide a valid view.");
     * @param message         需要显示的消息
     * @param messageColor    消息文本颜色
     * @param backgroundColor 背景颜色
     */
    public static void showBarShortTime(@NonNull View view, @NonNull String message, @ColorInt int
            messageColor, @ColorInt int backgroundColor) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_SHORT);
        setSnackbarColor(snackbar, messageColor, backgroundColor);

        snackbar.show();
    }

    /**
     * 显示Snackbar,时长:长时间(2750ms)，可自定义颜色
     *
     * @param view            The view to find a parent from.
     * @param message         需要显示的消息
     * @param messageColor    消息文本颜色
     * @param backgroundColor 背景颜色
     */
    public static void showBarLongTime(@NonNull View view, @NonNull String message, @ColorInt int
            messageColor, @ColorInt int backgroundColor) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_LONG);
        setSnackbarColor(snackbar, messageColor, backgroundColor);
        snackbar.show();
    }

    /**
     * 自定义时常显示Snackbar，自定义颜色
     *
     * @param view            The view to find a parent from.
     * @param message         需要显示的消息
     * @param duration        显示时长   单位:ms
     * @param messageColor    消息文本颜色
     * @param backgroundColor 背景颜色
     */
    public static void showCustomCATSnackbar(@NonNull View view, @NonNull String message,
                                             @IntRange(from = 1) int duration,
                                             @ColorInt int messageColor,
                                             @ColorInt int backgroundColor) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_INDEFINITE)
                .setDuration(duration);
        setSnackbarColor(snackbar, messageColor, backgroundColor);
        snackbar.show();
    }

    /**
     * 显示Snackbar,时长:短时间(1570ms)，可选预设类型
     * android.support.design.widget.SnackbarManager.SHORT_DURATION_MS
     *
     * @param view    The view to find a parent from.
     * @param message 需要显示的消息
     * @param type    需要显示的消息类型 SnackbarUtil INFO,CONFIRM,WARNING,ALERT
     */
    public static void showBarShortTime(@NonNull View view, @NonNull String message, @MessageType
            int type) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_SHORT);
        switchType(snackbar, type);
        snackbar.show();
    }

    /**
     * 显示Snackbar,时长:短时间(1570ms)，可选预设类型
     * android.support.design.widget.SnackbarManager.SHORT_DURATION_MS
     *
     * @param view    The view to find a parent from.
     * @param message 需要显示的消息
     * @param type    需要显示的消息类型 SnackbarUtil INFO,CONFIRM,WARNING,ALERT
     */
    public static void showBarShortTime(@NonNull View view, @NonNull String message, @MessageType
            int type, @Nullable CharSequence text, @NonNull View.OnClickListener listener) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_SHORT).setAction(text,
                listener).setActionTextColor(WHITE);
        switchType(snackbar, type);
        snackbar.show();
    }

    /**
     * 显示Snackbar,时长:长时间(2750ms)，可选预设类型
     * android.support.design.widget.SnackbarManager.LONG_DURATION_MS
     *
     * @param view    The view to find a parent from.
     * @param message 需要显示的消息
     * @param type    需要显示的消息类型 SnackbarUtil INFO,CONFIRM,WARNING,ALERT
     */
    public static void showBarLongTime(@NonNull View view, @NonNull String message, @MessageType
            int type) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_LONG);
        switchType(snackbar, type);
        snackbar.show();
    }

    /**
     * 显示Snackbar,时长:长时间(2750ms)，可选预设类型
     * android.support.design.widget.SnackbarManager.LONG_DURATION_MS
     *
     * @param view    The view to find a parent from.
     * @param message 需要显示的消息
     * @param type    需要显示的消息类型 SnackbarUtil INFO,CONFIRM,WARNING,ALERT
     */
    public static void showBarLongTime(@NonNull View view, @NonNull String message, @MessageType
            int type, @Nullable CharSequence text, @NonNull View.OnClickListener listener) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_LONG).setAction(text,
                listener).setActionTextColor(WHITE);
        switchType(snackbar, type);
        snackbar.show();
    }

    /**
     * 自定义时长 显示Snackbar，可选预设类型
     *
     * @param view     The view to find a parent from.
     * @param message  需要显示的消息
     * @param duration 显示时长   单位:ms
     * @param type     需要显示的消息类型 SnackbarUtil INFO,CONFIRM,WARNING,ALERT
     */
    public static void showCustomTimeSnackbar(@NonNull View view, @NonNull String message,
                                              @IntRange(from = 1) int duration, @MessageType int
                                                      type) {
        Snackbar snackbar = Snackbar.make(view, message, Snackbar.LENGTH_INDEFINITE)
                .setDuration(duration);
        switchType(snackbar, type);
        snackbar.show();
    }

    /**
     * 设置Snackbar背景颜色
     *
     * @param snackbar        Snackbar
     * @param backgroundColor 背景颜色
     */
    private static void setSnackbarBgColor(Snackbar snackbar, @ColorInt int backgroundColor) {
        View view = snackbar.getView();
        view.setBackgroundColor(backgroundColor);
    }

    /**
     * 设置Snackbar文字和背景颜色
     *
     * @param snackbar        Snackbar
     * @param messageColor    文字颜色
     * @param backgroundColor 背景颜色
     */
    private static void setSnackbarColor(Snackbar snackbar, @ColorInt int messageColor,
                                         @ColorInt int backgroundColor) {
        View view = snackbar.getView();  //获取Snackbar自己的布局
        //设置Snackbar自己的布局的背景颜色
        view.setBackgroundColor(backgroundColor);
        //设置Snackbar自己的布局中的TextView的颜色
        ((TextView) view.findViewById(R.id.snackbar_text)).setTextColor(messageColor);
    }

    /**
     * 切换预设消息类型
     *
     * @param snackbar Snackbar
     * @param type     消息类型 SnackbarUtil INFO,CONFIRM,WARNING,ALERT
     */
    private static void switchType(Snackbar snackbar, @MessageType int type) {
        switch (type) {
            case INFO:
                setSnackbarBgColor(snackbar, BLUE);
                break;
            case CONFIRM:
                setSnackbarBgColor(snackbar, GREEN);
                break;
            case WARNING:
                setSnackbarBgColor(snackbar, ORANGE);
                break;
            case ALERT:
                setSnackbarColor(snackbar, Color.YELLOW, RED);
                break;
        }
    }

    /**
     * 向Snackbar中添加view
     *
     * @param snackbar Snackbar
     * @param layoutId 需要添加的布局的id
     * @param index    新加布局在Snackbar中的位置
     */
    public static void SnackbarAddView(Snackbar snackbar, @LayoutRes int layoutId, int index) {
        View snackbarView = snackbar.getView();
        Snackbar.SnackbarLayout snackbarLayout = (Snackbar.SnackbarLayout) snackbarView;

        View addView = LayoutInflater.from(snackbarView.getContext()).inflate(layoutId, null);

        LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(LinearLayout.LayoutParams
                .WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);
        p.gravity = Gravity.CENTER_VERTICAL;
        snackbarLayout.addView(addView, index, p);
    }

}

总结

花点时间来封装一下Snackbar还是值得的,项目中很多地方都需要用到,而且还可以更改颜色值,瞬间让你的应用颜值高了许多,是不是?这是我在写一个项目的时候,由于很多地方都需要使用到,然后简单封装一下,方便使用.
项目地址: https://github.com/xfhy/Daily

潇风寒月
关注
专栏目录
FloatingActionButton基本使用及踩坑记录
微不足道的博客
03-30 6万+
本文已授权微信公众号”Android技术杂货铺”发布。 FloatingActionButton（FAB）是 Android 5.0 新特性——Material Design中的一个控件。FloatingActionButton其实由3个单词组成, Floating:悬浮;Action:行为,Button:按钮。的确,FAB就是一个悬浮的按钮。 本文将结合笔者的开发经验,通过FAB的基本使用,...
Android开源经典项目
Tamic （大白）
09-13 5720
Android开源项目大全，包括经典个人博客，组织和开源项目
vuetify-snackbars:基于vuetify组件封装的以js驱动的消息条插件
04-17
vuetify-snackbars 基于vuetify组件封装的以js驱动的消息条插件 安装 npm i vuetify-snackbars Preview
Snackbar的简单封装弹框提示
02-17
Snackbar的简单封装，使用方法如下： //登录成功的提示 SnackbarUtil.ShortSnackbar(linearLayout, "登录成功！", getResources().getColor(R.color.white), Gravity.CENTER_HORIZONTAL, getResources().getColor(R.color.green)).show(); //登录失败的提示 SnackbarUtil.ShortSnackbar(linearLayout, "登录错误！错误的密码或用户名。", getResources().getColor(R.color.white), Gravity.CENTER_HORIZONTAL, getResources().getColor(R.color.red)).show();
SnackBar封装
来敲代码了。
08-02 1043
SnackBar封装工具类(友情提示：将代码放入标签<pre></pre> 中 完美显示)/************************************************* * @desc Snackbar工具类 * @auther LiJianfei * @time 2016/8/2 10:00 ************************************/p
SnackBar的封装代码
03-15
SnackBar的封装代码
Android基于retrofit封装的网络请求库以及baseActivity高度集成定制
04-26
`BaseActivity`中可以设置统一的网络请求错误提示，比如使用`Snackbar`或者自定义对话框。 5. **配置和实例化Retrofit**： 创建`Retrofit.Builder`，设置基础URL、添加ConverterFactory和Interceptor，然后通过`...
BMI_CALCULATOR
02-12
这通常通过一个if-else语句实现，或者更优雅地，使用when表达式： ```kotlin val category = when { bmi < 18.5 -> "过轻" bmi < 24.9 -> "正常" bmi < 29.9 -> "过重" bmi < 34.9 -> "肥胖" else -> "极度...
SnackBar源码解析及封装
小口口的博客
03-15 3107
本文主要简述了通过修改SnackBar的源码来实现更多的拓展功能。如：自定义显示时间、显示位置及显示动画效果和自定义滑动等功能。
Android-Snackbar工具类
08-13
 Snackbar在项目中的使用场景越来越多,可全面的替代Toast,比Toast有更好的体验.该工具类可以方便的对Snackbar的样式,显示时间,位置等属性进行设置,方法比较丰富,调用简单,应该可以满足Snackbar绝大部分的使用场景!
Snackbar应用及其SnackbarUtil工具类
08-04
Android中Snackbar应用Demo，相应博客：http://blog.csdn.net/u012810020/article/details/52108818
Snackbar使用详解
hj2drf的博客
07-25 5290
SnackbarSnackbar是Android Support Design Library库中的一个控件，可以在屏幕底部快速弹出消息，比Toast更加好用。开发出一个好的产品，友好的交互是不可缺少的，通常给用户提示信息的方式有三种：Dialog、Toast、Snackbar本文主要讲解SnackbarSnackbar 是一种针对操作的轻量级反馈机制，常以一个小的弹出框的形式，出现在手机屏幕下方或
没时间解释了，快使用Snackbar!——Android Snackbar花式使用指南
正在Android的学习路上
08-08 600
没时间解释了，快使用Snackbar!——Android Snackbar花式使用指南
Material Design风格神框架vuetify 学习笔记(十一) (转)vuex 封装全局可用的snackbar消息条...
finedayforu的博客
08-30 488
Vuetify中的 snackbar 类似element 中的message消息提示，实现 成功、警告、消息等消息反馈。 vuetify的snackbar 需要自行设置： 将vuetify snackbar进行封装，用vuex 来传递消息内容。 建立 store/modules/snackbar.js,管理 snackbar 的变量。 /** * @param msg 信息 * @para...
Material UI框架下SnackBar(消息条)的高级用例--notistack
天草降临的博客
01-20 4875
        notistack是React下Material UI框架的SnackBar(消息条)的高级用例，该用例能同时显示多个独立消息条，使用起来也非常简单。在全局初始化之后就可以在网页上任何需要的地方使用它，而不用为每个页面导入一个Material UI原生的消息条。    &n...
Vuetify 二次封装全局消息条SnackBar组件
最新发布
qq_24683975的博客
12-14 1177
Vuetify 二次封装全局消息条SnackBar组件
Android开发：详解Snackbar的使用与技巧
"Android中 Snackbar 的使用方法及小...Android 中的 Snackbar 是一种强大且灵活的工具，用于向用户传递临时信息并提供简单的交互。通过适当的配置和使用，它可以帮助提升应用的用户体验，同时保持界面的清晰和简洁。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值