Android透明状态栏在App中的实现与接口设计

Posted 2023-02-20 Sodino

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Android透明状态栏在App中的实现与接口设计相关的知识，希望对你有一定的参考价值。

Sodino

文章目录

GitHub源码:TransparentStatusbar
源码中分两个app

TestBasic:
1. 透明状态栏实现的示例,方便debug
2. 白色/红色Titlebar的不同处理方式
3. paddingTop与fitsSystemWindows的对比
4. layer-list分层背景的使用
TitlebarBelowTransparentStatusBar
1. 示例App中统一的处理方式
2. Activity中的接口设计
3. Fragment中的接口设计

认识透明状态栏

从android4.4开始引入了透明状态栏的新特性．
见下图，左边为传统的Android系统状态栏，右边为透明状态栏．　　　
　

正常显示状态栏的图标/文字　　
状态栏的背景是透明的，能透出应用的背景色．而不像之前一样是默认的黑色不可编辑．

透明状态栏Api及特性

从Android 4.4(v19)开始，透明状态栏特性变化很频繁，直到Android 6.0(v23)才真正完善稳定．　　
　
下表展示各版本所引入的新Api或特性．

Version/level	Features	Description
4.4/v19	WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS	状态栏是渐变色的半透明
4.4_Watch/v20	OnApplyWindowInsetsListener	能够区分多个Inset事件与Rect信息(PS.系统状态栏属于插入区Inset的一种)
5.0/v21	WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN View.SYSTEM_UI_FLAG_LAYOUT_STABLE	允许自定义状态栏背景色了，但无法控制状态栏上的文字/图标颜色
6.0/v23	View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR	状态栏上的图标/文字颜色的亮色模式，即颜色是暗色

设置透明状态栏

根据多个版本间的Api及特性,Java代码如下:

       
        // Activity.java
       
       
        // onCreate(Bundle bundle)
       
          
       
                   
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) 
       
                       
        // Android 5.0   
       
                       
        int visibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;   
       
                       
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) 
       
                           
        // Android 6.0   
       
                           
        // 亮色模式,避免系统状态栏的图标不可见   
       
                           
        // visibility |= View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;   
       
       
                           
       
                       
        window.getDecorView().setSystemUiVisibility(visibility);   
       
                       
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
       
                       
        // 自定义状态栏背景色   
       
                       
        window.setStatusBarColor(Color.TRANSPARENT);   
       
       
                     
        else 
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) 
       
                       
        // Android 4.4   
       
                       
        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

注意：要设置透明状态栏的Activity其theme须是NoTitleBar.

       
        // AndroidManifest.xml   
       
       
             <activity android:name=
        "MyActivity"   
       
       
                        android:theme=
        "@android:style/Theme.NoTitleBar"  
       
       
                    />  
       
           
        // Or / 或       
       
           
        // MyActivity.java
       
           
        public 
        void 
        onCreate(Bundle bundle)   
       
               
        super.onCreate(bundle);  
       
       
                requestWindowFeature(Window.FEATURE_NO_TITLE);

代码执行后,界面显示效果如下图:

可以发现系统状态栏的区域已经消失,Activity的contentView顶上去占据了原来属于系统状态栏的区域.
导致虽然Back Title虽然仍在Titlebar区域垂直居中,但视觉效果上受状态栏图标的影响,却不是垂直居中的效果.

所以接下来第二步就是: 以何种方式处理消失的系统状态栏区域?

处理消失的系统状态栏区域

处理方式可以有: