h5手机APP怎么设计沉浸式状态栏

Posted 2023-04-28

参考技术A 沉浸式通知栏android4.4以上才支持的新特性。4.3不支持。
具体实现方式如下：
1.新建个公共style，设置android:fitsSystemWindows=true
<!-- 设置应用布局时是否考虑系统窗口布局；true --> <style name="AppBaseTheme" parent="android:Theme.Light.NoTitleBar"> <item name="android:fitsSystemWindows">true</item> </style>

2. 修改AndroidManifest.xml，让所有的activity样式默认设置为AppBaseTheme（*不同项目要灵活处理，笔者项目的activity样式都是统一的所以这样设置没问题，但是实际情况下不同的activity可能调用的样式不一样，需要读者自行按自己的项目来设置)
<application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppBaseTheme" android:name="****">

3.新增沉浸式通知栏实现类，实现原理很简单。
1)判断当前系统版本是不是4.4以上，判断代码如下：
if (VERSION.SDK_INT >= VERSION_CODES.KITKAT)
2)如果大于4.4则设置状态栏透明化，代码如下：
window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
3)获取activity的根rootView(DecorView)，然后创建一个新的view stateBarView并把它添加到rootView(这里手动给它设置个ID，下次进来时先判断rootView是否已创建stateBarView,如果已创建则直接获取该View这样可以防止重复创建，导致内存泄露）本回答被提问者采纳

沉浸式设计

沉浸式APP设计

为了达到状态栏也做变色动画的效果，将状态栏沉浸

 private void setStatusBarTranslate()
    getWindow().requestFeature(Window.FEATURE_NO_TITLE);
    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) 
        Window window = getWindow();
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(Color.TRANSPARENT);