如何使 colorPrimary 不显示为工具栏背景答案

【问题标题】：How to make colorPrimary not show as toolbar background如何使 colorPrimary 不显示为工具栏背景
【发布时间】：2017-01-13 19:38:29
【问题描述】：

我正在尝试使工具栏背景颜色透明，但是 colorPrimary 主题似乎正在显示。当我将工具栏的背景设置为标准颜色时，它会覆盖 colorPrimary 并按预期工作，但是有没有办法让我完全摆脱它以使工具栏背景透明？我仍然想要 colorPrimary 的原因是因为最近的应用程序选项卡颜色，我只是希望它不显示在工具栏中。谢谢你。

工具栏

 <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/transparent" />

风格

<style name="AppTheme1" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@android:color/transparent</item>
        <item name="colorAccent">@color/colorPrimary</item>
        <item name="android:windowLightStatusBar">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:elevation">0dp</item>
        <item name="elevation">0dp</item>
        <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
        <item name="android:textColorSecondary">@color/colorPrimary</item>
    </style>

【问题讨论】：

您不想在活动中显示工具栏？ @Roderick Lord
我想要工具栏，但我想要它透明。问题是 colorPrimary 设置了我不想要的工具栏颜色。

标签： android android-layout android-xml android-toolbar

【解决方案1】：

使用代码而不是工具栏

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="8dp"
    android:background="@android:color/transparent"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/transparent"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/AppTheme.PopupOverlay">

    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>

【讨论】：

一个小时以来一直在寻求解决此问题。你节省了我的时间。谢谢！！

【解决方案2】：

使用这个

 <?xml version="1.0" encoding="utf-8"?>

<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@drawable/background_toolbar_translucent" />

background_toolbar_translucent.xml

<?xml version="1.0" encoding="utf-8"?>

<gradient
    android:angle="270"
    android:endColor="@android:color/transparent"
    android:startColor="@color/black_alpha_40"/>

颜色.xml

<color name="black_alpha_40">#66000000</color>

【讨论】：

【解决方案3】：

在布局文件夹中制作 toolbar.xml。使用以下代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="@android:color/transparent"
local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

并在活动的 xml 中使用此工具栏。这样，您将拥有一个透明的工具栏。

【讨论】：