Android ToolBar 解析与应用（三）状态栏,toolbar，窗口背景,底部导航条颜色设置，

Android状态栏与ToolBar颜色配置实战

最新推荐文章于 2021-09-09 10:30:57 发布

原创最新推荐文章于 2021-09-09 10:30:57 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #app bar #ToolBar #StateBar

Android开发之路专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何设置Android应用的状态栏、app bar、navigation bar和窗体背景色。通过在style主题中添加android:windowTranslucentStatus属性实现状态栏透明，设置android:fitsSystemWindows属性配合android:background调整ToolBar背景色，对于navigation bar颜色，需在values-v21/styles.xml中设置，而窗体背景色只需在style.xml中修改activity的主题背景。

如下图所示，能够设置颜色的部分有4个。分别是:状态栏，app bar，navigationbarcolor，窗体背景色.

状态栏透明色：

1，在style主题样式中添加 android:windowTranslucentStatus 属性；并吧该style设置为activity的theme。

<resources xmlns:tools="http://schemas.android.com/tools">
    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowTranslucentStatus" tools:targetApi="19">true</item>
    </style>
</resources>

2，在layout中设置 android:fitsSystemWindows 属性，如下。

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

<android.support.v7.widget.Toolbar
        android:id="@+id/id_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#009688"
        android:minHeight="?attr/actionBarSize"／>

</LinearLayout>

如此这般，状态栏颜色从原来的黑色，变为透明色了

app bar 背景色设置：

如上段代码中的android:background="#009688",即可实现toolbar的背景色设置了。很简单吧

navigationbarcolor背景色设置：

navigationbarcolor是5.0以上系统才会有的，所以相关属性的设置需要在文件(res/values-v21/styles.xml)中。

<resources>>
    <style name="AppTheme" parent="AppBaseTheme">
        <item name="android:navigationBarColor">#009688</item>
    </style>
</resources>

是不是也很简单？

窗体背景色设置：

窗体背景色的设置就更加简单了，只需要在style.xml文件的如下设置，并吧该style设置为activity的theme即可。

<resources xmlns:tools="http://schemas.android.com/tools">
<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowBackground">#00aaff</item>
</style>
</resources>