如何在android studio中使用AppCompat类更改通知栏的颜色?

时间:2016-01-30 12:47:32

标签: android android-statusbar

当api级别为21或更高时,我想更改状态栏的颜色。它不适合我。我也使用supportActionBar。我使用以下代码:

值/ styles.xml

<?xml version="1.0" encoding="utf-8" ?>
<resources>
  <style name="MyTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    !-- All customizations that are NOT specific to a particular API-level can go here. -->
    <item name="windowNoTitle">true</item>
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">@color/primary</item>
    <!-- colorPrimaryDark is used for the status bar -->
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <!-- colorAccent is used as the default value for colorControlActivated
         which is used to tint widgets -->
    <item name="colorAccent">@color/accent</item>
    <!-- You can also set colorControlNormal, colorControlActivated
         colorControlHighlight and colorSwitchThumbNormal. -->
     <item name="android:textColorPrimary">@color/primary_text</item>
     <item name="android:textColorSecondary">@color/secondary_text</item>

  </style>

  <!-- Application theme. -->
  <style name="MyTheme" parent="MyTheme.Base">
  </style>

  <style name="MyTheme.ToolBar" parent="MyTheme.Base">
    <item name="android:textColorPrimary">@android:color/white</item>
    <item name="android:textColorSecondary">@android:color/white</item>
  </style>

  <style name="MyTheme.NavMenu" parent="MyTheme.Base">
    <item name="android:textColorPrimary">@color/gray</item>
  </style>

  <style name="MyTheme.RightMenu" parent="MyTheme.Base">
    <item name="android:textColorPrimary">@color/black</item>
  </style>
</resources>

在清单文件中,我设置了android:theme="@style/MyTheme"

值-V21 / styles.xml

<?xml version="1.0" encoding="UTF-8" ?>
<resources>
    <style name="MyTheme" parent="MyTheme.Base">
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@color/primary_dark</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>
</resources>

这是我的颜色文件:

<resources>
  <color name="primary">#3F51B5</color>
  <color name="primary_dark">#303F9F</color>
  <color name="primary_light">#C5CAE9</color>
  <color name="accent">#FFC107</color>
  <color name="primary_text">#212121</color>
  <color name="secondary_text">#727272</color>
  <color name="icons">#FFFFFF</color>
  <color name="divider">#B6B6B6</color>
</resources>

我的风格有什么不对,为什么不改变状态栏的颜色?

4 个答案:

答案 0 :(得分:1)

状态栏颜色可以通过colorPrimaryDark设置,

在你的values-v21 / styles.xml中添加

<resources>
<style name="AppTheme" parent="AppTheme.Base">
    <item name="android:colorPrimaryDark">@color/colorPrimary</item>
<item name="android:colorPrimaryDark">@color/colorPrimayDark</item>
</style></resources>

和YourActivity扩展了AppCompatActivity

答案 1 :(得分:1)

当我使用Xamarin时,在基本活动中添加这些行解决了问题:

Window window = this.Window;
window.AddFlags(WindowManagerFlags.DrawsSystemBarBackgrounds);

For Java refer to this question on SO

答案 2 :(得分:0)

更改您的

<style name="MyTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">

<style name="MyTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="android:colorPrimary">@color/primary</item>
<item name="android:colorPrimaryDark">@color/primary_dark</item>

答案 3 :(得分:0)

状态栏颜色是从应用样式的colorPrimaryDark颜色值中提取的。只需将其更改为您想要操作栏的颜色,它就会被更改。

<强> styles.sml

<!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <!--This is your default actionbar color-->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    </style>

<强> colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--change this to whatever you need-->
    <color name="colorPrimary">#03A9F4</color>
    <color name="colorPrimaryDark">#0277BD</color
</resources>