透明工具栏为灰色

时间:2019-05-07 12:39:05

标签: android android-actionbar android-toolbar android-styles

我在做什么错?我的最低api级别是21。我正在尝试使工具栏透明:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <!-- Toolbar -->
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        style="@style/AppTheme.Toolbar.Transparent"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize" />

    <!-- Content -->
    <FrameLayout
        android:id="@+id/frame_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolbar"
        android:background="@color/colorAccent" />
</RelativeLayout>

这是样式:

<!-- Toolbar transparent -->
<style name="AppTheme.Toolbar.Transparent" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="windowActionBarOverlay">true</item>
</style>

这是结果:

Transaparent toolbar results gray

1 个答案:

答案 0 :(得分:0)

您已将framelayout放置在相对布局的工具栏下方。 请参阅下面的代码将解决您的问题。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@color/colorAccent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <!-- Toolbar -->
    <android.support.v7.widget.Toolbar

        android:layout_alignParentTop="true"
        android:id="@+id/toolbar"
        style="@style/AppTheme.Toolbar.Transparent"
        or
        android:background="@android:color/transparent"  
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize" />

    <!-- Content -->
    <FrameLayout
        android:id="@+id/frame_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolbar"
        android:background="@color/colorAccent" />
</RelativeLayout>