Android开发：如何修改透明Toolbar的颜色与尺寸

嘿，我碰到过好几次这种情况！当Toolbar设置成透明状态时，系统主题的样式优先级很容易搞乱文字外观的自定义设置，尤其是textAppearance或者textColorPrimary这类属性。咱们一步步来解决：

首先要保证你的Toolbar透明是直接设置的，别依赖主题的间接配置，比如：

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@android:color/transparent"
    app:popupTheme="@style/Theme.AppCompat.Light" />

直接给android:background设为透明，比依赖windowActionBarOverlay这类主题属性更稳妥，也能减少样式冲突。

透明状态下，Toolbar很容易继承窗口主题的文字颜色/样式，导致你设置的属性被覆盖。这里要记住：AppCompat的Toolbar要用app:前缀的属性，而不是android:前缀的，这是很多人踩坑的点！

方法一：直接在Toolbar标签里配置 #

<androidx.appcompat.widget.Toolbar
    ...
    app:titleTextAppearance="@style/CustomToolbarTitle"
    app:titleTextColor="@color/your_desired_color" />

然后在styles.xml里定义你的自定义标题样式：

<style name="CustomToolbarTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
    <item name="android:textSize">18sp</item>
    <item name="android:textColor">@color/your_title_color</item>
    <!-- 其他你需要的文字属性，比如字重、行高 -->
</style>

方法二：给Toolbar设置专属主题 #

如果想统一管理Toolbar的所有样式，也可以给它单独指定主题：

<androidx.appcompat.widget.Toolbar
    ...
    android:theme="@style/CustomToolbarTheme" />

然后在styles.xml里定义这个主题：

<style name="CustomToolbarTheme" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:textColorPrimary">@color/your_title_color</item>
    <item name="android:textAppearance">@style/CustomToolbarTitle</item>
</style>

选择ThemeOverlay.AppCompat.Dark.ActionBar作为父主题，是因为它专门用于覆盖ActionBar/Toolbar的样式，不会影响页面里的其他控件。

使用自定义Toolbar时，Activity的主题必须是Theme.AppCompat.NoActionBar（或者它的衍生主题），同时要确保这个主题没有覆盖文字相关属性，避免和Toolbar的样式冲突：

<activity
    android:name=".YourTargetActivity"
    android:theme="@style/Theme.AppCompat.NoActionBar">
    ...
</activity>

如果你的Activity主题里设置了android:textColorPrimary，它会被Toolbar继承，所以如果Toolbar需要不同的颜色，一定要在Toolbar的样式里单独覆盖。

如果XML设置还是不生效，你可以在代码里手动强制设置标题样式：

Kotlin版本 #

val toolbar = findViewById<Toolbar>(R.id.toolbar)
setSupportActionBar(toolbar)
supportActionBar?.setDisplayShowTitleEnabled(true)

// 设置标题颜色
toolbar.setTitleTextColor(ContextCompat.getColor(this, R.color.your_title_color))
// 设置文字样式
TextViewCompat.setTextAppearance(toolbar.titleView, R.style.CustomToolbarTitle)

Java版本 #

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
if (getSupportActionBar() != null) {
    getSupportActionBar().setDisplayShowTitleEnabled(true);
}

toolbar.setTitleTextColor(ContextCompat.getColor(this, R.color.your_title_color));
TextViewCompat.setTextAppearance(toolbar.getTitleView(), R.style.CustomToolbarTitle);

我之前就是因为误用了android:textAppearance而不是app:titleTextAppearance踩了坑，记住AppCompat控件的专属属性前缀，问题基本就能解决啦！

内容的提问来源于stack exchange，提问作者displayname