Android透明化/沉浸式状态栏实践及源码分析

最新推荐文章于 2023-09-18 23:11:28 发布

罗拙呓

最新推荐文章于 2023-09-18 23:11:28 发布

阅读量1k

点赞数

分类专栏： Android 文章标签： android 源码需求沉浸式状态栏

本文链接：https://blog.csdn.net/as02446418/article/details/74906550

版权

本文详细讲解了如何在Android中实现透明/沉浸式状态栏，包括全屏模式、状态栏背景色设置、状态栏icon颜色处理，以及针对不同厂商的解决方案。同时，文章提供了源码分析，探讨了在遇到设置失败时的处理策略，旨在帮助开发者应对各种状态栏视觉需求。

摘要由CSDN通过智能技术生成

何为透明状态栏？有人说透明状态栏就是沉浸式状态栏，这里不多解释，详见为什么在国内会有很多用户把「透明栏」（Translucent Bars）称作「沉浸式顶栏」？。本文将对于透明状态栏设置方法做一个讲解，以及遇到的问题该怎么解决，来面对各种需求。

本文所提到的透明状态栏其实指的是将顶部的导航栏延伸到状态栏，使之浑然一体（Google官方建议状态栏颜色比导航栏的颜色略深一点），并不代表一定不设置背景色，比如导航栏是白色，则可设置状态栏为白色，视情况而定。

相比于iOS系统，Android系统对于状态栏的设置就显得稍微复杂了一点。Android系统提供了API 19以上对状态栏的设置接口，而直到API 23以上才提供对于icon颜色的设置，还有就是各家厂商（如魅族，小米等）对于状态栏的有自己的定制，对于需要使用浅色背景状态栏的应用，没处理好的话往往导致浅色背景，白色icon ，状态栏不分你我的悲剧。。

纯白状态栏

（内心os：嗯？右上角那一个绿色的电池，用户一定知道他是状态栏对吧。）

我随即对比了一些主流app，发现在我的魅蓝2（Android 5.1 Flyme 4.5）上竟然都不支持透明状态栏，这对于我这种追求审美的人（其实是视觉提的需求）来说简直不能忍。在我折腾了几天之后，终于解决了这些问题，希望对大家思路有一些帮助。

言归正传，本文主要针对以下几点进行分析：1.是否隐藏状态栏（全屏模式） 2.状态栏的背景色的设置 3.状态栏icon的颜色的设置，而对于透明状态栏设置过程中，可能造成的icon颜色设置成功，而背景颜色设置失败，等等原因造成的浅色底，浅色字或深色底，深色字等错误情况的处理及兜底方案 4.源码实现。

下面我们就以上几点来讨论一下Android中透明状态栏的实现。

1. 全屏模式（沉浸式状态栏）

这种情况其实用得并不多，基本上使用场景在闪屏页展示广告或logo，以及一些阅读类app需要尽可能的利用到屏幕大小，展示更多的内容。

阅读类app展示

设置方法很简单，分两种，在API > 16时：

theme中定义:将自定义该Activtiy的theme，并在其中添加
“`java
true

* 代码中定义： 
```java
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN)




<div class="se-preview-section-delimiter"></div>

2. 状态栏的背景色

我们都知道，在Android5.0（即API > 21）时，Google官方提供接口设置对应的状态栏背景色

window.setStatusBarColor(@ColorInt int color);




<div class="se-preview-section-delimiter"></div>

那我们要想在Android5.0以下设置背景色就真的没有办法了吗？并不是，我们发现在Android4.4以后，出现了windowTranslucentStatus这一特性，所以思路如下：

先设置状态栏的透明属性
给根布局顶部加上一个和状态栏一样大小的矩形View，充当假的状态栏
设置FitsSystemWindows属性为true，此时跟布局会延伸到状态栏，处在顶部位置就是之前设置的view，这样就可以以假乱真了。

       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            // 设置状态栏透明
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            // 生成一个状态栏大小的矩形View
            View statusView = createStatusView(activity, color);
            ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
            decorView.addView(statusView);
            // 设置根布局的参数
            ViewGroup rootView = (ViewGroup) ((ViewGroup) activity.findViewById(android.R.id.content)).getChildAt(0);
            rootView.setFitsSystemWindows(true);
            rootView.setClipToPadding(true);
        }




<div class="se-preview-section-delimiter"></div>

设置矩形色块的代码如下：

  private static View createStatusView(Activity activity, int color) {
        // 获得状态栏高度
        int resourceId = activity.getResources().getIdentifier("status_bar_height", "dimen", "android");
        int statusBarHeight = activity.getResources().getDimensionPixelSize(resourceId);

        // 绘制一个和状态栏一样高的矩形
        View statusView = new View(activity);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewG