棒棒糖中工具栏的背景颜色是正常的,但在Kitkat中是白色的

时间:2016-02-18 07:30:20

标签: android android-5.0-lollipop android-toolbar android-4.4-kitkat

在Lollipop中,工具栏的背景颜色正常显示,但在KitKat中,它显示为白色。 我不知道为什么。

activity_main.xml中

<android.support.design.widget.CoordinatorLayout 
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    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="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

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

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

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

styles.xml

<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>
<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>
<style name="AppTheme.AppBarOverlay"
parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
</resources>

styles.xml-V21

<resources>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>
</resources>

enter image description here

2 个答案:

答案 0 :(得分:4)

尝试将AppBarLayout放在代码的末尾。显然,您所包含的布局与ToolBar重叠。这件事发生在我身上,我修理了这件事,它刚刚出现在我的脑海里。像这样:

C2

答案 1 :(得分:0)

在styles.xml中使用原色和其他颜色颜色创建基本主题,然后在styles.xml-v21中将其设置为样式名称=“AppTheme.NoActionBar”。

以下是我的例子:

style.xml中的

<style name="AppBase" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary_color</item>
    <item name="colorPrimaryDark">@color/primary_color_dark</item>
    <item name="colorAccent">@color/primary_yellow_bright</item>
    <item name="colorControlNormal">@color/primary_yellow</item>
    <item name="colorControlHighlight">@color/primary_color_light_100</item>
    <item name="colorControlActivated">@color/primary_yellow_bright</item>
    <item name="colorButtonNormal">@color/primary_yellow_bright</item>
    <item name="android:windowBackground">@color/primary_white</item>
    <item name="android:textColorPrimary">@color/primary_color</item>
    <item name="android:textColorSecondary">@color/primary_color_light</item>
    <item name="android:textColor">@color/primary_white</item>
    <item name="android:buttonStyle">@style/ButtonAppTheme</item>
</style>

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

在styles.xml-v21

<style name="AppTheme" parent="AppBase">
    <item name="android:navigationBarColor">@color/primary_light_gray</item>
    <item name="android:windowContentTransitions">true</item>
    <item name="android:windowAllowEnterTransitionOverlap">true</item>
    <item name="android:windowAllowReturnTransitionOverlap">true</item>
    <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
    <item name="android:windowSharedElementExitTransition">@android:transition/move</item>
</style>
AndroidManifest.xml中的

  

机器人:主题= “@风格/ AppTheme”

应该有用。