Material Design 是 Google 推出的一套 UI 设计语言，它的目标是为了创建一个更加自然、可预测和流畅的用户体验。Snackbar 控件是 Material Design 中的一个重要组件，它可以用来在 UI 界面中向用户提供简洁、响应式的提示信息。
在本篇文章中，我们将探讨如何使用 Material Design 风格下的 Snackbar 控件，包括如何创建、自定义样式以及如何在程序中使用。
创建 Snackbar 控件
在 Android Studio 中，我们可以使用如下代码创建一个简单的 Snackbar 对象：
Snackbar snackbar = Snackbar.make(view, "Hello Snackbar!", Snackbar.LENGTH_LONG);
其中，第一个参数 view 是要显示 Snackbar 的父视图，第二个参数是显示在 Snackbar 上面的文本字符串，第三个参数是 Snackbar 的持续时间。
需要注意的是，Snackbar 控件只能够在 CoordinatorLayout 布局中使用，因此我们需要将要显示 Snackbar 的视图包含在 CoordinatorLayout 中。
自定义 Snackbar 样式
Snackbar 控件提供了丰富的自定义选项，可以帮助我们满足不同的 UI 设计需求。下面是一些示例代码，可以帮助你快速地改变 Snackbar 的样式：
-- -------------------- ---- -------
-- -- -------- -----
------------------------------------------------------------------ ---------------------------
-- --- -------- -----
-------- -------- - ----------------------------------------------------
-----------------------------------
-- -- -------- ----
-------------------------- --- ---------------------- -
---------
------ ---- ------------ -- -
-- ----- ------ ----- ------
-
---
-- -- -------- -----
---------------------------- ------ - ------------------------------ -------------------------------------
-------------------- -- -- -----
-------------------------------------------在程序中使用 Snackbar 控件
Snackbar 控件是一个非常好用的提示工具，在程序中可以用来弥补 Toast 控件的不足。下面是一些示例代码，演示了如何在程序中使用 Snackbar 控件：
-- -------------------- ---- -------
-- ------- --------
------------------- ------ ----------- -----------------------------
-- - -------- -------
------------------- ----- ----- -------------- ---------------------
------------------ --- ---------------------- -
---------
------ ---- ------------ -- -
-- ----- ------ --- ---- ---------
-
--
--------
-- --------- --------
--- ---------- ---------- -
---------
------ ---- ----- -
------------------- ------ ----------- -----------------------------
-
-----------总结
Snackbar 控件是 Material Design 风格下的一个非常实用的组件，可以用来向用户提供简单、清晰的提示信息。在文章中，我们介绍了如何创建、自定义样式以及如何在程序中使用 Snackbar 控件。希望能够帮助大家更好地理解和使用该组件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a81cfbadd4f0e0ff140dfb