Android透明状态栏status bar

迈不过友情╰ 2022-09-26 13:56 272阅读 0赞

# 在[Google Material Design][] 中介绍了3种不同的status bar的风格： #

1.  黑色背景的status bar
2.  能够改变status bar的颜色
3.  透明的status bar

A、经典的状态栏

![layout_structure_system_color3.png][]

B、有颜色的状态栏

![layout_structure_system_color1.png][]

C、透明的状态栏

![layout_structure_system_color2.png][]

### 改变状态栏的颜色： ###

如果Toolbar 的颜色为500

![image_thumb.png][]

那么根据Material Design 的建议我的状态栏颜色应该为

![image_thumb_3.png][]

Android5.0以上和使用Material Design 只需要设置Style(v21) XML的属性即可：

<item name="colorPrimary">@color/primary</item>
    
    <item name="colorPrimaryDark">@color/primary_dark</item>
    
    <item name="statusBarColor">@color/primary_dark</item>

### 让状态栏透明： ###

1、在Styles.xml and Styles(v21).xml中实现

<style name="AppTheme" parent="AppTheme.Base">
            <item name="android:windowTranslucentStatus">true</item>
        </style>

2.通过下列方法获取状态栏的高度（因为不同设备的高度不一样）

// A method to find height of the status bar in activity
    public int getStatusBarHeight() {
        int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }

3、在OnCreate方法中实现Toolbar的padding

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drawer);
    
       // Retrieve the AppCompact Toolbar
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    
       // Set the padding to match the Status Bar height 可以换成任何View组件
        toolbar.setPadding(0, getStatusBarHeight(), 0, 0);
    }

######    透明状态栏简单方法2： ######

只需要在styles的AppTheme中加入：

或在欧尼oncreate中加入 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

就可以实现透明状态栏，而在原生上则是半透明的。

如果actionBar 会上挪到屏幕顶部，修正的方法是在布局 xml 的 root 节点里加入：

你的 actionBar 会上挪到屏幕顶部，修正的方法是在布局 xml 的 root 节点里加入：

android:fitsSystemWindows="true"

使得控件增加一部分填充到状态栏

[Google Material Design]: http://www.google.com/design/spec/material-design/introduction.html
[layout_structure_system_color3.png]: /images/20220717/559fcc5963b14ead8c4e29d7c1afecd9.png
[layout_structure_system_color1.png]: /images/20220717/7d4f58e276d34090b6a349b991231975.png
[layout_structure_system_color2.png]: /images/20220717/9bedccd8eb1f4cb68fd9469e4e63ad85.png
[image_thumb.png]: http://blog.raffaeu.com/wp-content/uploads/Android-and-the-transparent-status-bar_1146A/image_thumb.png
[image_thumb_3.png]: http://blog.raffaeu.com/wp-content/uploads/Android-and-the-transparent-status-bar_1146A/image_thumb_3.png