android - 消除透明工具栏中奇怪的灰色梯形

Question

我找不到覆盖在透明工具栏上的某种 mask 的来源:

有人知道如何删除它吗？

当将方向更改为横向时，它更加难看。

部分代码:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#00000000"    <-- makes no difference
    android:theme="@style/AppTheme.AppBarOverlay.Transparent">

    <include layout="@layout/toolbar_transparent"/>

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

toolbar_transparent:

<?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"

    android:id="@+id/my_toolbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/abc_action_bar_default_height_material"
    android:elevation="4dp"
    style="?attr/actionBarStyle"
    android:background="#204CAF50"
    android:theme="@style/AppTheme.NoActionBar.ColoredToolbar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

themes.xml(我承认这是一团糟——很像试错法)

<style name="AppThemeBase" parent="Theme.AppCompat">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:activatedBackgroundIndicator">@drawable/activated_background</item>
</style>

<style name="AppTheme" parent="AppThemeBase"/>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="actionBarStyle">@style/AppTheme.ActionBar</item>
    <item name="android:activatedBackgroundIndicator">@drawable/activated_background</item>
</style>

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.AppBarOverlay.Transparent" parent="ThemeOverlay.AppCompat.ActionBar" >
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorPrimary">#00000000</item>
</style>

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

<style name="AppTheme.ActionBar" parent="AppTheme.NoActionBar">
    <item name="windowActionBar">true</item>
    <item name="windowNoTitle">false</item>
</style>

<style name="AppTheme.NoActionBar.ColoredToolbar" parent="AppTheme.NoActionBar">
    <item name="android:textColorSecondary">@color/colorPrimaryDark</item>
</style>

Answer 1

这来自 android.support.design.widget.AppBarLayout 包装器。

当我删除它并离开工具栏时，梯形消失了。

<!--<android.support.design.widget.AppBarLayout-->
    <!--android:layout_width="match_parent"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:theme="@style/AppTheme.AppBarOverlay.Transparent">-->

    <include layout="@layout/toolbar_transparent"/>

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

至少适用于 Lollipop 和 Marshmallow。 Kitkat 及以下版本尚未测试。

顺便说一句，我正在使用 com.android.support:design:24.2.1。