如何巧妙地使 Android 中 CollapsingToolbarLayout 的标题居中

Android

2024-01-13 02:37:43

Android 中的 CollapsingToolbarLayout 是一个强大的布局，它允许您创建具有折叠式标题的应用程序界面。但是，默认情况下，标题不在屏幕上居中。如果您想将其居中，需要进行一些额外的配置。

前提条件

在开始之前，确保您已具备以下先决条件：

Android Studio
Android SDK

实现步骤

有两种方法可以使 CollapsingToolbarLayout 中的标题居中：

方法 1：使用 layout_collapseMode="pin"

此方法将标题固定在顶部，并将其居中。

在您的布局文件中，将 CollapsingToolbarLayout 的 layout_collapseMode 属性设置为 "pin"：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_collapseMode="pin">

        <!-- 您的其他内容 -->

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

</androidx.coordinatorlayout.widget.CoordinatorLayout>

方法 2：使用反射

此方法要求您对 Android 框架进行一些反射。

在您的 Activity 或片段中，使用以下代码获取 CollapsingToolbarLayout 的私有成员变量：

// 获取 CollapsingToolbarLayout 中的 FoldingViewGroup
Field foldingViewGroupField = collapsingToolbar.getClass().getDeclaredField("mFlingViewGroup");
foldingViewGroupField.setAccessible(true);
ViewGroup foldingViewGroup = (ViewGroup) foldingViewGroupField.get(collapsingToolbar);

// 设置 FoldingViewGroup 的布局参数为居中
ViewGroup.LayoutParams layoutParams = foldingViewGroup.getLayoutParams();
layoutParams.gravity = Gravity.CENTER;
foldingViewGroup.setLayoutParams(layoutParams);