Material Design 下 AppBarLayout 基础用法
前言
随着 Material Design 的出现，越来越多的 Android 应用程序开始使用 Material Design 风格来打造出更加现代化、美观的界面。在 Material Design 中，AppBarLayout 是一个非常重要的控件，它可以帮助我们打造出一个漂亮的应用程序顶部栏。
本文将详细介绍 Material Design 下 AppBarLayout 的基础用法，包括如何创建、配置以及添加相应的动态效果。
创建 AppBarLayout
在创建 AppBarLayout 时，需要使用 <android.support.design.widget.AppBarLayout> 标签。例如：
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height">
</android.support.design.widget.AppBarLayout>这样我们就创建了一个基本的 AppBarLayout。
配置 AppBarLayout
在配置 AppBarLayout 时，可使用 AppBarLayout.LayoutParams 类来设置 LayoutParams 相关参数，例如：
-- -------------------- ---- -------
-------------------------------------------
-------------------------
-----------------------------------
----------------------------------------------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
---------------------------------------
------------------------------------------- --
---------------------------------------------其中最重要的参数是 app:layout_scrollFlags，它即为 AppBarLayout 的滑动标识，用来设置 AppBarLayout 的滚动效果。该参数可以取如下值：
scroll：当内容向下滚动时，AppBarLayout 会向上滑出屏幕enterAlways：当内容向下滚动时，AppBarLayout 会向上平移并一直保留在屏幕顶部enterAlwaysCollapsed：当内容向下滚动时，并不是立即进入 AppBarLayout，而是在滚动到顶部后，才将 AppBarLayout 显示出来exitUntilCollapsed：当内容向下滚动时，并不是立即退出 AppBarLayout，而是在滚动到顶部后，才开始退出
设置滚动效果
在使用 AppBarLayout 时，我们还可以设置一些滚动效果，让应用程序看起来更加生动、自然。
阴影效果
在 AppBarLayout 上方添加阴影效果，可以让 AppBarLayout 和内容之间更好地区分开来。要实现该效果，设置 AppBarLayout 的 app:elevation 属性，例如：
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
app:elevation="8dp">折叠效果
在 AppBarLayout 上添加折叠效果，可以让 AppBarLayout 在被滑出屏幕时更加自然。要实现该效果，设置 AppBarLayout 的 scroll|enterAlways|enterAlwaysCollapsed 属性，例如：
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
app:elevation="8dp"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed">示例代码
完整的 AppBarLayout 示例代码如下所示：
-- -------------------- ---- -------
------------------------------------------------
-----------------------------------
-------------------------------------
-------------------------------------------
-------------------------
-----------------------------------
---------------------------------------------
-------------------
-----------------------------------------------------------------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
---------------------------------------
--------------------------------------------
------------------------------------
---------------------------------------------
-------------------------------------------
-----------------------------------
------------------------------------
------------------------------------------------------------
------------------------------------------
---------
-----------------------------------
------------------------------------
------------------------
---------------------------------------------
--------------------------------------------------总结
本文介绍了 Material Design 下 AppBarLayout 的基础用法，主要包括创建 AppBarLayout、配置 AppBarLayout 和添加滚动效果。通过本文的学习，希望读者可以完全掌握 AppBarLayout 的基础用法，以便更好地应用到自己的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e85cf2f6b2d6eab33e44c4