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

最新推荐文章于 2024-01-18 01:01:46 发布

FlykoZhang

最新推荐文章于 2024-01-18 01:01:46 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android开发之路文章标签： android app bar ToolBar StateBar

本文链接：https://blog.youkuaiyun.com/flykozhang/article/details/50282503

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

7 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如下图所示，能够设置颜色的部分有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>