【发布时间】:2015-01-21 11:36:12
【问题描述】:
在新的棒棒糖更新中,我注意到对于原生 Google 应用,状态栏的颜色会发生变化,以匹配您正在运行的应用上的操作栏。我在 Twitter 应用程序上也看到了它,所以我猜不仅仅是谷歌可以做到这一点。
如果可能的话,有谁知道如何做到这一点?
【问题讨论】:
标签: android colors status android-5.0-lollipop
在新的棒棒糖更新中,我注意到对于原生 Google 应用,状态栏的颜色会发生变化,以匹配您正在运行的应用上的操作栏。我在 Twitter 应用程序上也看到了它,所以我猜不仅仅是谷歌可以做到这一点。
如果可能的话,有谁知道如何做到这一点?
【问题讨论】:
标签: android colors status android-5.0-lollipop
要更改状态栏颜色,请使用setStatusBarColor(int color)。 根据 javadoc,我们还需要在窗口上设置一些标志。
工作的sn-p代码:
Window window = activity.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.setStatusBarColor(ContextCompat.getColor(activity, R.color.example_color));
请记住according Material Design guidelines 状态栏颜色和操作栏颜色应该不同:
看下面的截图:
【讨论】:
getWindow().setStatusBarColor(activity.getResources().getColor(R.color.example_color));,而且效果很好。不确定标志是绝对必要的上下文。
只需将其添加到您的styles.xml 中。 colorPrimary 用于操作栏,colorPrimaryDark 用于状态栏。
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="android:colorPrimary">@color/primary</item>
<item name="android:colorPrimaryDark">@color/primary_dark</item>
</style>
来自开发者 android 的这张图片解释了有关调色板的更多信息。你可以阅读更多关于link的内容。
【讨论】:
<color name="colorPrimary">#somecolor</color> 和 <color name="colorPrimaryDark">#somecolor</color>。可以更改它们以达到预期的效果。
另一种设置状态栏颜色的方法是通过style.xml。
为此,请在 res/values-v21 文件夹下创建一个 style.xml 文件,其中包含以下内容:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="android:Theme.Material">
<!-- darker variant for the status bar and contextual app bars -->
<item name="android:colorPrimaryDark">@color/blue_dark</item>
</style>
</resources>
编辑: 正如 cmets 中所指出的,当使用 AppCompat 时,代码是不同的。在文件 res/values/style.xml 中使用:
<style name="Theme.MyTheme" parent="Theme.AppCompat.Light">
<!-- Set AppCompat’s color theming attrs -->
<item name="colorPrimary">@color/my_awesome_red</item>
<item name="colorPrimaryDark">@color/my_awesome_darker_red</item>
<!-- Other attributes -->
</style>
【讨论】:
要设置状态栏颜色,在 res/values-v21 文件夹下创建一个 style.xml 文件,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppBaseTheme" parent="AppTheme">
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@color/blue</item>
</style>
</resources>
【讨论】:
如果您使用两种样式,请在 v21 样式中添加此行。
<item name="android:statusBarColor">#43434f</item>
【讨论】:
android:windowDrawsSystemBarBackgrounds,这将不起作用
此外,如果您希望为不同的活动 (fragments) 使用不同的 status-bar 颜色,您可以通过以下步骤来实现(使用 API 21 及更高版本):
首先创建values21/style.xml并输入以下代码:
<style name="AIO" parent="AIOBase">
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:windowContentTransitions">true</item>
</style>
然后在您的 values/style.xml 中定义 White|Dark 主题,如下所示:
<style name="AIOBase" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/color_primary</item>
<item name="colorPrimaryDark">@color/color_primary_dark</item>
<item name="colorAccent">@color/color_accent</item>
<item name="android:textColorPrimary">@android:color/black</item>
<item name="android:statusBarColor" tools:targetApi="lollipop">@color/color_primary_dark
</item>
<item name="android:textColor">@color/gray_darkest</item>
<item name="android:windowBackground">@color/default_bg</item>
<item name="android:colorBackground">@color/default_bg</item>
</style>
<style name="AIO" parent="AIOBase" />
<style name="AIO.Dark" parent="AIOBase">
<item name="android:statusBarColor" tools:targetApi="lollipop">#171717
</item>
</style>
<style name="AIO.White" parent="AIOBase">
<item name="android:statusBarColor" tools:targetApi="lollipop">#bdbdbd
</item>
</style>
也不要忘记在您的manifest.xml 中应用主题。
【讨论】:
在 android pre Lollipop 设备中,您可以通过 SystemBarTintManager 进行操作 如果您使用的是 android studio,只需在您的 gradle 文件中添加 Systembartint lib。
dependencies {
compile 'com.readystatesoftware.systembartint:systembartint:1.0.3'
...
}
然后在你的活动中
// create manager instance after the content view is set
SystemBarTintManager mTintManager = new SystemBarTintManager(this);
// enable status bar tint
mTintManager.setStatusBarTintEnabled(true);
mTintManager.setTintColor(getResources().getColor(R.color.blue));
【讨论】: