在CollapsingToolbarLayout中，Android中的"app:titleTextColor"在MaterialToolbar中不起作用。

Question

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

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/sam" />

    <com.google.android.material.appbar.MaterialToolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        app:title="Sam Chen"
        app:titleTextColor="@color/white"/>    //<- here, doesn't work

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

结果：

结果：

并且折叠：

- Sam Chen

Answer 1

要同时更改CollapsingToolbarLayout在折叠和展开模式下的标题文本颜色，可以使用以下属性app:expandedTitleTextAppearance和app:collapsedTitleTextAppearance：

<com.google.android.material.appbar.CollapsingToolbarLayout
    android:id="@+id/collapsingToolbarLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:contentScrim="@color/purple_500"
    app:layout_scrollFlags="scroll|exitUntilCollapsed"
    app:expandedTitleTextAppearance="@style/MyExpandedTitle"
    app:collapsedTitleTextAppearance="@style/MyCollapsedTitle">

其中@style/MyExpandedTitle是您自定义的扩展标题文本外观，格式如下：

 <style name="MyExpandedTitle" parent="@style/TextAppearance.Design.CollapsingToolbar.Expanded">
        <item name="android:textColor">@android:color/holo_red_dark</item>
 </style>

而@style/MyCollapsedTitle是您自定义的折叠标题文本外观，就像下面这样：

 <style name="MyCollapsedTitle" parent="@style/TextAppearance.AppCompat.Title">
        <item name="android:textColor">@android:color/holo_red_dark</item>
 </style>

- MariosP

Answer 2

<com.google.android.material.appbar.CollapsingToolbarLayout
            ...
            app:collapsedTitleTextColor="@android:color/white"
            app:expandedTitleTextColor="@android:color/white">

- SuMumo

Answer 3

这是我针对我的情况提出的解决方案，我只需要标题和选项菜单图标为白色：

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

    ...

    android:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar">

如需自定义标题和选项菜单图标的颜色，请参阅以下内容：如何在Android中更改折叠工具栏的文本颜色和返回按钮颜色

- Sam Chen