材料主题工具栏上的渐变背景

Question

我有一个带有叠加操作栏的照片预览活动。我不希望此视图具有完全不透明的颜色，因为它会在缩放时阻碍图像。我创建了一个渐变来设置为背景：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle">

<gradient
    android:type="linear"
    android:startColor="@color/theme_main_color_40pct"
    android:endColor="@color/theme_main_color_0pct"
    android:angle="270"/>
</shape>

我通过以下主题将此背景分配给我的工具栏：

<style name="my_toolbar" >
    <item name="android:background">@drawable/ab_gradient_purple</item>
    <item name="android:minHeight">?attr/actionBarSize</item>
    <item name="android:textColorPrimary">?attr/colorAccent</item>
    <item name="android:textColorSecondary">@android:color/white</item>
</style>

在我的布局中：

<android.support.v7.widget.Toolbar
    android:id="@id/toolbar"
    app:theme="@style/my_toolbar"
    android:elevation="5dp"
    android:layout_gravity="top"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"/>

当我打开此活动时，看起来工具栏正在拍摄该背景并将其应用于所有子视图，结果如下图所示。如何阻止此叠加？

我尝试过使用backgroundTint和backgroundTintMode，但似乎它们不适用于棒棒糖前。

Answer 1

似乎通过样式应用背景也适用于所有嵌套项。我将样式背景设置为@android:color/transparent并在我的布局中：

<android.support.v7.widget.Toolbar
    android:id="@id/toolbar"
    app:theme="@style/my_toolbar"
    android:background="@drawable/ab_gradient_purple"
    android:elevation="5dp"
    android:layout_gravity="top"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"/>

结果正是我所寻找的：