Material Design 是 Google 设计的一种视觉风格，它提供了一套标准的设计规范，旨在为所有平台提供一致的用户体验。在 Android 应用中，AppBarLayout 是 Material Design 中常用的一个控件，它可以让应用的标题栏随着用户滚动而变化。本文将介绍如何在 AppBarLayout 中添加图片。
1. 准备工作
在添加图片之前，我们需要将项目中的 design 库更新到最新版本。在项目的 build.gradle 文件中添加如下依赖：
implementation 'com.android.support:design:28.0.0'
2. 添加图片
在 AppBarLayout 中添加图片的方法是使用 CollapsingToolbarLayout 控件。CollapsingToolbarLayout 是一个可以让标题栏随着用户滚动而变化的控件，它可以包含一个 ImageView 控件来显示图片。
在 xml 文件中添加如下代码：
-- -------------------- ---- -------
------------------------------------------------------
-------------------------------------------
-----------------------------------
------------------------------------
---------------------------------------------------
----------
----------------------------
-----------------------------------
-----------------------------
------------------------------
----------------------------- --
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
----------------------------- --
--------------------------------------------------------在上面的代码中，CollapsingToolbarLayout 控件包含了一个 ImageView 控件和一个 Toolbar 控件。ImageView 控件用于显示图片，Toolbar 控件用于显示标题栏。
其中，layout_scrollFlags 属性是用来指定滚动时的行为，scroll 表示当用户滚动时，CollapsingToolbarLayout 中的内容会跟着滚动；exitUntilCollapsed 表示当 CollapsingToolbarLayout 收缩到最小高度时，Toolbar 不会消失。
layout_collapseMode 属性是用来指定 Toolbar 在收缩时的行为，pin 表示当 CollapsingToolbarLayout 收缩时，Toolbar 会固定在顶部。
在上面的代码中，ImageView 控件的高度为 200dp，可以根据需要进行修改。
3. 设置标题
在 Activity 中，我们可以通过代码来设置标题。在 onCreate 方法中添加如下代码：
CollapsingToolbarLayout collapsingToolbarLayout = findViewById(R.id.collapsing_toolbar_layout);
collapsingToolbarLayout.setTitle("Title");这里的 Title 可以根据需要进行修改。
4. 示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
-------------------------------------------
-----------------------------------
-------------------------------------
------------------------------------------------------
-------------------------------------------
-----------------------------------
------------------------------------
---------------------------------------------------
----------
----------------------------
-----------------------------------
-----------------------------
------------------------------
----------------------------- --
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
----------------------------- --
--------------------------------------------------------
---------------------------------------------CollapsingToolbarLayout collapsingToolbarLayout = findViewById(R.id.collapsing_toolbar_layout);
collapsingToolbarLayout.setTitle("Title");5. 结论
通过使用 CollapsingToolbarLayout 控件，我们可以在 AppBarLayout 中添加图片。这样可以让应用的标题栏更加丰富，提升用户的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6761994c856ee0c1d4fa02d4