Snackbar 是 Google Material Design 中的一种 UI 组件，用于在屏幕底部显示一条短暂的提示信息。它可以用于提醒用户某些操作已完成，或者提示用户某些错误信息等。本文将详细介绍 Snackbar 的使用方法，包括创建、显示、隐藏等操作，并提供示例代码。
创建 Snackbar
要创建一个 Snackbar，可以使用 Snackbar.make() 方法。该方法接受三个参数：第一个参数是一个 View 对象，表示 Snackbar 要显示在哪个 View 上方；第二个参数是一个字符串，表示要显示的文本；第三个参数是 Snackbar 的显示时长，可以是 LENGTH_SHORT 或 LENGTH_LONG。
示例代码：
-------- -------- - ------------------- ------- ----------- -----------------------
显示 Snackbar
要显示 Snackbar，可以调用 Snackbar.show() 方法。
示例代码：
----------------
隐藏 Snackbar
Snackbar 默认会在显示一定时间后自动消失，但也可以手动隐藏。要隐藏 Snackbar，可以调用 Snackbar.dismiss() 方法。
示例代码：
-------------------
Snackbar 中的 Action
除了显示文本之外，Snackbar 还可以显示一个 Action，用于执行某些操作。要添加 Action，可以使用 Snackbar.setAction() 方法。该方法接受两个参数：第一个参数是一个字符串，表示要显示的 Action 文本；第二个参数是一个 View.OnClickListener 对象，表示当用户点击 Action 时要执行的操作。
示例代码：
-------------------------- --- ---------------------- -
---------
------ ---- ------------ ----- -
-- ------
-
---Snackbar 的样式
Snackbar 的样式可以通过设置 Snackbar 的背景颜色、文本颜色、Action 文本颜色等来修改。要设置 Snackbar 的样式，可以使用 Snackbar 的 setXXX() 方法。
示例代码：
-------------------------------------------------- ------------------------------------------ -------- -------- - ---------------------------------------------------- -----------------------------------
Snackbar 的回调
Snackbar 还提供了一些回调方法，可以在 Snackbar 显示、隐藏、Action 点击等事件发生时执行某些操作。要使用 Snackbar 的回调，可以使用 Snackbar 的 addCallback() 方法。
示例代码：
------------------------ ------------------- -
---------
------ ---- ---------------- --------- -
-- -------- --------
-
---------
------ ---- -------------------- --------- --- ------ -
-- -------- --------
-
---总结
本文介绍了 Material Design 下的 Snackbar 的使用方法，包括创建、显示、隐藏、添加 Action、设置样式和回调等。通过学习本文，读者可以掌握如何使用 Snackbar 来提升应用的用户体验。以下是完整示例代码：
-------- -------- - ------------------- ------- ----------- -----------------------
-------------------------- --- ---------------------- -
---------
------ ---- ------------ ----- -
-- ------
-
---
--------------------------------------------------
------------------------------------------
-------- -------- - ----------------------------------------------------
-----------------------------------
------------------------ ------------------- -
---------
------ ---- ---------------- --------- -
-- -------- --------
-
---------
------ ---- -------------------- --------- --- ------ -
-- -------- --------
-
---
----------------来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d1b670add4f0e0ffa56017