在 Material Design 中，Toolbar 通常是一个页面的主要导航栏。然而在一些页面上，当用户向下滑动时，Toolbar 可能会占用过多的屏幕空间，这时隐藏 Toolbar 可以帮助用户更好地浏览内容。本文将介绍 Material Design 中如何实现这个效果，并提供示例代码。
1. 使用 AppBarLayout 和 CoordinatorLayout
在 Material Design 中，我们可以使用 AppBarLayout 和 CoordinatorLayout 来组合实现向下滑动隐藏 Toolbar 的效果。其中，AppBarLayout 是一个能够响应滑动事件的 LinearLayout，而 CoordinatorLayout 则承担了响应和控制所有子 View 的滑动事件的重要任务。
2. 示例代码
-- -------------------- ---- -------
------------------------------------------------
-----------------------------------
-------------------------------------
-------------------------------------------
------------------------------
-----------------------------------
-------------------------------------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
------------------------------------------- --
---------------------------------------------
---------------------------------------
------------------------------
-----------------------------------
------------------------------------
------------------------------------------------------------ --
--------------------------------------------------在上面的示例代码中，我们创建了一个 CoordinatorLayout，其中包含一个 AppBarLayout 和一个 RecyclerView，RecyclerView 是用来展示内容的。在 AppBarLayout 中，我们创建了一个 Toolbar，并设置了 layout_scrollFlags 的值为 scroll|enterAlways，表示当 RecyclerView 向下滑动时，Toolbar 可以随之隐藏。在 RecyclerView 中，我们使用了 appbar_scrolling_view_behavior 属性来与 AppBarLayout 关联起来，这样 CoordinatorLayout 就能够处理所有的滑动事件了。
3. 总结
通过使用 AppBarLayout 和 CoordinatorLayout，我们可以方便地实现向下滑动隐藏 Toolbar 的效果。在实际开发中，我们可以根据需要对 layout_scrollFlags 的值进行自定义，来实现更加丰富多彩的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f03abdf6b2d6eab3a2f540