當前位置：首頁 > 运维知识 > Android >内容正文

Android

Snackbar-Android M新控件

發布時間：2025/3/21 Android 18 豆豆

生活随笔收集整理的這篇文章主要介紹了 Snackbar-Android M新控件小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

概述

查看官方API

Snackbar 是 Android design support library 中的另一個組件。使用 Snackbar，可以在屏幕底部快速的顯示一條消息，大體與 Toast 相同，但多了幾分靈活性：

一小段時間之后、或者用戶與屏幕觸發交互，Snackbar 會自動消失；
可以包含一個可選的操作；
把 Snackbar 劃出屏幕，可以棄用；
作為一條上下文敏感的消息，也是 UI 的一部分，并在屏幕內所有元素的上層顯示，而不是像 Toast 消息一樣位于屏幕中央；
一個時刻只能有唯一一個 Snackbar 顯示。

Snackbar使用的時候需要一個控件容器用來容納Snackbar.官方推薦使用CoordinatorLayout這個另一個Android Support Design Library庫支持的控件容納。因為使用這個控件，可以保證Snackbar可以讓用戶通過向右滑動退出。 Activity中獲取CoordinateorLayout作為容器，然后調用Snackbar.make(container, “SnackbarTest”, Snackbar.LENGTH_LONG).show();就可以生成一個Snackbar了

語法規則

Snackbar.make(view, message, duration).setAction(action message, click listener).show();

方法：

make()
setAction()
show()

屬性：

make() 方法的第一個參數是一個 view，snackbar 會找到一個父 view，以寄存所賦的 snackbar 值。Snackbar 會沿著 view 的樹狀路徑，找到第一個合適的布局或窗口視圖，作為父 view。
上文提到，持續時間屬性與 Toast 的相同，可選 LENG_SHORT 或者 LENGTH_LONG。
設置Action行為事件，使用的方法是public Snackbar setAction (CharSequence text, View.OnClickListener listener); Action的字體顏色默認使用系統主題中的如<item name="colorAccent">#ff0000</item>
可以通過代碼去改變Action的字體顏色：Snackbar setActionTextColor (int color)；

舉例：

Snackbar.make(rootlayout, "Hello SnackBar!", Snackbar.LENGTH_SHORT).setAction("Undo", new View.OnClickListener() {@Overridepublic void onClick(View v) {// Perform anything for the action selected}}).show();

此處 rootlayout 是一個帶有 FAB 的RelativeLayout ，
布局如下：

點擊 FAB 以查看結果：

可以正常運行，但是并不符合標準的 UX，應該按照下圖所示，FAB 適當上移：

同時按照文檔中描述：

在項目的 view 中添加 CoordinatorLayout，可以支持 snackbar 的更多特性，比如滑動消失，和 FAB 的自動移動。Having a CoordinatorLayout in your view hierarchy allows Snackbar to enable certain features, such as swipe-to-dismiss and automatically moving of widgets like FloatingActionButton.

配置 Snackbar：

可以使用 setActionTextColor 和 setDuration 等選項，配置 snackbar：

Code

activity_snackbar.xml

SnackbarAct

package demo.turing.com.materialdesignwidget.snackbar;import android.os.Bundle; import android.support.design.widget.CoordinatorLayout; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.view.View;import demo.turing.com.materialdesignwidget.R;public class SnackbarAct extends AppCompatActivity {private FloatingActionButton floatingActionButton;private CoordinatorLayout coordinatorLayout;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_snackbar);setupUI();}public void setupUI() {coordinatorLayout = (CoordinatorLayout) findViewById(R.id.layoutRoot);floatingActionButton = (FloatingActionButton) findViewById(R.id.btnFloatingAction);floatingActionButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Snackbar.make(coordinatorLayout, "Hello SnackBar!", Snackbar.LENGTH_SHORT).setAction("Undo", new View.OnClickListener() {@Overridepublic void onClick(View v) {// Perform anything for the action selected}}).show();// TODO issue: Rotate animation in pre-lollipop works only once, issue to be resolved!/** if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {RotateAnimation rotateAnimation = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);rotateAnimation.setDuration(500);rotateAnimation.setFillAfter(true);rotateAnimation.setInterpolator(new FastOutSlowInInterpolator());floatingActionButton.startAnimation(rotateAnimation);} else {floatingActionButton.clearAnimation();ViewPropertyAnimatorCompat animatorCompat = ViewCompat.animate(floatingActionButton);animatorCompat.setDuration(500);animatorCompat.setInterpolator(new FastOutSlowInInterpolator());animatorCompat.rotation(180);animatorCompat.start();}**/}});} }

效果圖：

英文原文：
http://www.technotalkative.com/part-2-welcome-snackbar-goodbye-toast/

Snackbar樣式

在這里我們將看到如何顯示不同顏色的snackbar，向用戶傳遞更多暗示信息，比如snackbar背景顯示成紅色表明這是一個警告提示。

如何為Snackbar添加背景顏色

你可以通過getView() 方法獲取Snackbar的核心視圖，然后就可以在對它采用任意顏色了。
比如：

snackbar.getView().setBackgroundColor(colorId);

下面是ColoredSnackbar類，它封裝了一些方法，可以根據用戶指定的類型顯示不同背景顏色。

public class ColoredSnackbar {private static final int red = 0xfff44336;private static final int green = 0xff4caf50;private static final int blue = 0xff2195f3;private static final int orange = 0xffffc107;private static View getSnackBarLayout(Snackbar snackbar) {if (snackbar != null) {return snackbar.getView();}return null;}private static Snackbar colorSnackBar(Snackbar snackbar, int colorId) {View snackBarView = getSnackBarLayout(snackbar);if (snackBarView != null) {snackBarView.setBackgroundColor(colorId);}return snackbar;}public static Snackbar info(Snackbar snackbar) {return colorSnackBar(snackbar, blue);}public static Snackbar warning(Snackbar snackbar) {return colorSnackBar(snackbar, orange);}public static Snackbar alert(Snackbar snackbar) {return colorSnackBar(snackbar, red);}public static Snackbar confirm(Snackbar snackbar) {return colorSnackBar(snackbar, green);} }

如何使用

Snackbar snackbar = Snackbar.make(getView(), R.string.hello_snackbar, Snackbar.LENGTH_SHORT); ColoredSnackBar.alert(snackbar).show();

這里，我使用的是fragment的getView()方法來獲得view，不過你也可以使用FrameLayout或者CoordinatorLayout。

效果圖

英文原文：
http://www.technotalkative.com/part-3-styling-snackbar/

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Snackbar-Android M新控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：全局事件-广播（Broadcast）
下一篇：数据存储之SharedPreferenc