首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >消除透明工具栏中奇怪的灰色梯形

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

Stack Overflow用户
提问于 2016-10-25 05:45:12
回答 2查看 112关注 0票数 3

我找不到放在透明工具栏上的某种遮罩的来源:

有谁知道怎么去掉这个吗?

当将方向更改为横向时,它甚至更难看。

下面是一些代码:

代码语言:javascript
运行
复制
<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:

代码语言:javascript
运行
复制
<?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 (我承认它是一团糟--就像试错一样)

代码语言:javascript
运行
复制
<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>
EN

回答 2

Stack Overflow用户

发布于 2016-10-26 16:34:16

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

当我移除它并离开工具栏时,梯形就消失了。

代码语言:javascript
运行
复制
<!--<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>-->

至少适用于棒棒糖和棉花糖。Kitkat及以下版本尚未测试。

顺便说一句,我使用的是com.android.support:design:24.2.1

票数 1
EN

Stack Overflow用户

发布于 2016-10-25 16:43:04

这对我来说很有效:

代码语言:javascript
运行
复制
<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay.Transparent">

    <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:theme="@style/AppTheme.AppBarOverlay.Transparent"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

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

在样式中

代码语言:javascript
运行
复制
<style name="AppTheme.AppBarOverlay.Transparent" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="windowActionBarOverlay">true</item>
</style>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40228045

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档