当CollapsingToolbarLayout折叠时显示工具栏图标

CollapsingToolbarLayout 是 Android 中用于实现可折叠工具栏的一个组件，它是 CoordinatorLayout 的子视图，通常与 AppBarLayout 和 Toolbar 结合使用。当 CollapsingToolbarLayout 折叠时显示工具栏图标，可以通过设置 CollapsingToolbarLayout 的属性来实现。

基础概念

CoordinatorLayout: 是一个超级布局，用于协调其子视图之间的交互。
AppBarLayout: 是一个垂直的 LinearLayout，用于实现 Material Design 中的工具栏滑动效果。
CollapsingToolbarLayout: 是一个可以折叠的工具栏布局，通常用于实现类似文章详情页的效果。
Toolbar: 是一个通用的工具栏视图，可以替代传统的 ActionBar。

类型

展开状态: 工具栏完全展开，通常显示标题和一些操作按钮。
中间状态: 工具栏部分折叠，可能只显示图标。
折叠状态: 工具栏完全折叠，通常只显示应用的图标。

应用场景

文章详情页: 用户滚动查看内容时，工具栏可以逐渐折叠。
列表页面: 如新闻列表或商品列表，用户向下滚动时隐藏工具栏。

示例代码

以下是一个简单的示例，展示如何在 CollapsingToolbarLayout 折叠时显示工具栏图标：

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                android:src="@drawable/header_image"
                app:layout_collapseMode="parallax"/>

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <!-- 这里放置你的内容视图 -->

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

遇到的问题及解决方法

问题: 当 CollapsingToolbarLayout 折叠时，工具栏图标不显示。

原因: 可能是因为 Toolbar 的 layout_collapseMode 属性没有设置为 pin，导致工具栏在折叠时被隐藏。

解决方法: 确保 Toolbar 的 app:layout_collapseMode="pin" 属性已设置，这样工具栏在折叠时会固定在顶部显示。

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:layout_collapseMode="pin"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

通过以上设置，当 CollapsingToolbarLayout 折叠时，工具栏图标将会保持显示状态。