android沉浸式状态栏的适配（包含刘海屏）

最新推荐文章于 2024-05-15 20:01:53 发布
最新推荐文章于 2024-05-15 20:01:53 发布
阅读量4k 收藏 5
点赞数 1
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liup1211/article/details/86583015
版权

写在前面：

1，本文阐述如何实现沉浸式状态栏

2，部分代码有从其他博客摘抄，也有我自己的总结，若侵犯了原作者的权益，请联系我删除

 

下面说一下我的实现步骤

1，colors

<color name="colorPrimary">#3F424E</color>
<color name="colorPrimaryDark">#00000000</color><!--透明-->
<color name="colorAccent">#FF4081</color>


2，values/styles.xml:

<style name="AppTheme" parent="AppTheme.Base">

</style>

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">

    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/default_bg</item>
</style>

3，values-v19/styles.xml:

<style name="AppTheme" parent="AppTheme.Base">
    <!-- Navigation Bar 【false适配某些虚拟按键手机】-->
    <item name="android:windowTranslucentNavigation">false</item>
</style>

4，配置文件使用

<application
    ... ...
    android:theme="@style/AppTheme" 
    ... ...>

5，顶部标题栏，通常我会单独抽出来，关键代码是android:fitsSystemWindows="true"

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:contentInsetLeft="0dp"
app:contentInsetStart="0dp"
android:fitsSystemWindows="true"
android:background="?attr/colorPrimary">

... ...

 

6，核心代码（主要来自https://www.jianshu.com/p/a44c119d6ef7，部分是我封装的）

import android.annotation.TargetApi;
import android.app.Activity;
import android.content.Context;
import android.content.res.Resources;
import android.os.Build;
import android.support.annotation.ColorRes;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;

import com.sandy.cloudlock.R;

import java.lang.reflect.Field;
import java.lang.reflect.Method;
import java.util.Properties;

public class StatusBarCompatUtil2 {
    private static final int COLOR_DEFAULT = ResourceUtil.getColor(R.color.colorPrimary);

    private static int getStatusBarHeight(Context context) {
        int statusBarHeight = 0;
        Resources res = context.getResources();
        int resourceId = res.getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            statusBarHeight = res.getDimensionPixelSize(resourceId);
        }
        return statusBarHeight;
    }

    /**
     * 设置状态栏透明
     */
    public static void setTranslucentStatus(Activity activity, @ColorRes int statusColor) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = activity.getWindow();
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

            int color = COLOR_DEFAULT;
            if (statusColor != 0) {
                color = ResourceUtil.getColor(statusColor);
            }
            window.setStatusBarColor(color);

        } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            int color = COLOR_DEFAULT;
            ViewGroup contentView = activity.findViewById(android.R.id.content);
            if (statusColor != 0) {
                color = ResourceUtil.getColor(statusColor);
            }
            View statusBarView = new View(activity);
            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    getStatusBarHeight(activity));
            statusBarView.setBackgroundColor(color);
            contentView.addView(statusBarView, lp);
        } else {
            activity.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
    }

    /**
     * 改变魅族的状态栏字体为黑色，要求FlyMe4以上
     */
    private static void processFlyme(Activity activity, boolean darkMode) {
        Window window = activity.getWindow();
        if (window != null) {
            try {
                WindowManager.LayoutParams lp = window.getAttributes();
                Field darkFlag = WindowManager.LayoutParams.class
                        .getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
                Field meizuFlags = WindowManager.LayoutParams.class
                        .getDeclaredField("meizuFlags");
                darkFlag.setAccessible(true);
                meizuFlags.setAccessible(true);
                int bit = darkFlag.getInt((Object) null);
                int value = meizuFlags.getInt(lp);
                if (darkMode) {
                    value |= bit;
                } else {
                    value &= ~bit;
                }

                meizuFlags.setInt(lp, value);
                window.setAttributes(lp);

            } catch (Exception var8) {
                Log.w("StatusBarUtils", "setStatusBarDarkIcon: failed");
            }
        }
    }

    /**
     * 改变小米的状态栏字体颜色为黑色, 要求MIUI6以上  lightStatusBar为真时表示黑色字体
     */
    private static void processMIUI(Activity activity, boolean darkMode) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {   // 即基于 Android 6.0 ，开发版 7.7.13 及以后版本
            compatHighMIUI(activity, darkMode);
        } else {
            compatLowMIUI(activity, darkMode);
        }
    }

    @TargetApi(Build.VERSION_CODES.M)
    private static void compatHighMIUI(Activity activity, boolean darkMode) {
        View decorView = activity.getWindow().getDecorView();
        if (darkMode) {
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
        } else {
            int flag = decorView.getSystemUiVisibility() & ~View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
            decorView.setSystemUiVisibility(flag);
        }
    }

    /**
     * 兼容低版本miui
     *
     * @param activity activity
     * @param darkMode 是否夜间模式
     */
    private static void compatLowMIUI(Activity activity, boolean darkMode) {
        Class<? extends Window> clazz = activity.getWindow().getClass();
        try {
            int darkModeFlag = 0;
            Class<?> layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
            Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
            darkModeFlag = field.getInt(layoutParams);
            Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
            extraFlagField.invoke(activity.getWindow(), darkMode ? darkModeFlag : 0, darkModeFlag);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private static final String KEY_MIUI_VERSION_CODE = "ro.miui.ui.version.code";
    private static final String KEY_MIUI_VERSION_NAME = "ro.miui.ui.version.name";
    private static final String KEY_MIUI_INTERNAL_STORAGE = "ro.miui.internal.storage";

    /**
     * 判断手机是否是小米
     */
    private static boolean isMIUI() {
        final Properties prop = new Properties();
        return prop.getProperty(KEY_MIUI_VERSION_CODE, null) != null
                || prop.getProperty(KEY_MIUI_VERSION_NAME, null) != null
                || prop.getProperty(KEY_MIUI_INTERNAL_STORAGE, null) != null;
    }

    /**
     * 判断手机是否是魅族
     *
     * @return
     */
    private static boolean isFlyme() {
        try {
            // Invoke Build.hasSmartBar()
            final Method method = Build.class.getMethod("hasSmartBar");
            return method != null || TextUtils.equals("Meizu", Build.MANUFACTURER);
        } catch (final Exception e) {
            return TextUtils.equals("Meizu", Build.MANUFACTURER);
        }
    }

    /**
     * 设置Android状态栏的字体颜色，状态栏为亮色的时候字体和图标是黑色，状态栏为暗色的时候字体和图标为白色
     * <p>
     * 设置状态栏文字色值为深色调，默认状态栏颜色透明(即同标题栏的颜色)
     *
     * @param activity    activity
     * @param useDart     是否使用深色调
     */
    public static void setStatusBarFontIconDark(Activity activity, boolean useDart) {
        setStatusBarFontIconDark(activity, useDart, 0);
    }

    /**
     * 设置Android状态栏的字体颜色，状态栏为亮色的时候字体和图标是黑色，状态栏为暗色的时候字体和图标为白色
     * <p>
     * 设置状态栏文字色值为深色调
     *
     * @param activity    activity
     * @param useDart     是否使用深色调
     * @param statusColor 自定义的状态栏颜色
     */
    public static void setStatusBarFontIconDark(Activity activity, boolean useDart, @ColorRes int statusColor) {
        if (isMIUI()) {
            processMIUI(activity, useDart);
        } else {
            if (isFlyme()) {
                processFlyme(activity, useDart);
            }

            if (useDart) {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    int mode = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
                    activity.getWindow().getDecorView().setSystemUiVisibility(mode);
                }
            } else {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                    int mode = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
                    activity.getWindow().getDecorView().setSystemUiVisibility(mode);
                }
            }
            activity.getWindow().getDecorView().findViewById(android.R.id.content).setPadding(0, 0, 0, 0);
        }

        if (statusColor != 0) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

                int color = ResourceUtil.getColor(statusColor);
                activity.getWindow().setStatusBarColor(color);

            } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                ViewGroup contentView = activity.findViewById(android.R.id.content);
                int color = ResourceUtil.getColor(statusColor);
                View statusBarView = new View(activity);
                ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                        getStatusBarHeight(activity));
                statusBarView.setBackgroundColor(color);
                contentView.addView(statusBarView, lp);
            }
        }

        ///适配虚拟按键背景色
//        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//            activity.getWindow().setNavigationBarColor(COLOR_DEFAULT);
//        }

    }

}

7，使用

定义1个activity的超类，在超类的onCreate中调用
setStatusBarFontIconDark(Activity activity, boolean useDart)

状态栏颜色自定义，调用
setStatusBarFontIconDark(Activity activity, boolean useDart, @ColorRes int statusColor)

如多个fragment切换时，状态栏颜色不同，可以在fragment的

onActivityCreated (Bundle savedInstanceState)

中调用setStatusBarFontIconDark(Activity activity, boolean useDart, @ColorRes int statusColor)

 

8，注意：

我手上只有红米3S、荣耀10（刘海屏）、魅蓝E2，这三款机型都能正常适配，其他机型没有测试，如果大家碰到不能适配的，欢迎给我留言

LookPotato
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
statusbar android,Android StatusBar 透明化方法(不同的版本适配)
weixin_36360511的博客
05-27 197
透明状态栏(StatusBar)的全适配状态栏指定android手机上顶部显示手机状态信息的位置。透明状态栏是android 自4.4开始新加入的功能，他可以是状态栏根据我们自己想要的颜色进行定义，使titleBar能够和状态栏融为一体，增加沉浸感。咱们需要对不同的版本适配StatusBar，下面咱们一个一个看values/styles.xmlvalues-v19/styles.xmltrueva...
Android 系统 Bar 沉浸式完美兼容方案
字节跳动技术团队官方博客
03-16 7723
动手点关注干货不迷路????引言自 Android 5.0 版本，Android 带来了沉浸式系统 bar（状态栏和导航栏），Android 的视觉效果进一步提高，各大 app 厂商也在大多...
2024年安卓最新Android 沉浸式状态栏的三种实现方式，android界面设计规范
最新发布
2401_84557136的博客
05-15 508
以前一直是自己在网上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。后面我就自己整理了一套资料，还别说，真香！资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
Android 实现沉浸式状态栏（包含顶部栏吸顶Layout CoordinatorLayout实现沉浸式状态栏）
UrasakiNakajima的博客
05-29 8028
Android状态栏默认是固定的黑底白字，这肯定是不被伟大的设计师所喜爱的，更有甚者，某些时候设计希望内容能够延伸到状态栏上部（例如顶部是大图的情况）。参数二：沉浸状态栏的颜色），这样就实现了CoordinatorLayout的沉浸式状态栏，如以下视频（这里的沉浸状态栏的颜色设置的完全透明，上滑的时候会渐变至纯白色）。在项目的build.gradle下的repositories添加（新版本Android Studio创建的项目是在settings.gradle下的repositories），并同步项目。
Android 沉浸式状态栏和全面屏遇到刘海屏
Tomdogs的专栏
12-06 5560
在做项目的时候图片全屏预览时发现使用全面屏后，图片会闪动一下，带着问题来梳理一下Android 全面屏、沉浸式状态栏和刘海屏的概念和方法。 一、全面屏 1.1 向后倾斜 1.2 沉浸模式 1.3 粘性沉浸模式 二、沉浸式状态栏 三、刘海屏 SystemUIvisibility已弃用 ...
android学习笔记（一）：实现沉浸式状态栏
qq_43270141的博客
11-21 921
通过ImmersionBar实现任务栏的沉浸式（透明化）以及高度补偿
沉浸式状态栏
03-30
8. **兼容全面屏**：随着全面屏设备的普及，沉浸式状态栏也需要考虑到顶部刘海屏、水滴屏和打孔屏的设计。开发者可能需要使用`DisplayCutout` API来处理这些特殊形状的屏幕。 9. **导航栏的沉浸式处理**：在某些...
Android5.x之沉浸式状态栏
01-06
5. **适配刘海屏**：对于刘海屏设备，还需要额外处理状态栏两侧的缺口区域。Android P引入了`SYSTEM_UI_FLAG_LAYOUT_STABLE`和`SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN`标志，配合`fitsSystemWindows="true"`属性，可以让...
沉浸式状态栏，一款方便的设置状态栏和导航栏的各种效果的框架
08-23
5. **适配全面屏**：考虑到现代设备的趋势，"UltimateBarX"支持各种屏幕比例和全面屏设备，包括刘海屏、水滴屏和打孔屏等。 6. **导航栏隐藏与显示**：根据应用需求，可以控制导航栏的可见性，提供全屏体验。 7. *...
AndroidBarUtils:Android 沉浸式(透明)状态栏细研，掘金文章：https
05-08
Android 透明(沉浸式)状态栏细研 实现的功能 透明状态栏（非半透明状态栏，个别机型无法适配全透明） 动态改变ToolBar或者自定义的TitleBar颜色，修改背景色即可，不需要动态改变状态栏颜色 状态栏主题模式（黑白色...
一行代码完美实现Android沉浸式效果
12-05
此外，`StatusBarUtil`这个库可能包含了更丰富的功能，比如适配不同Android版本的沉浸式处理，调整状态栏颜色，处理刘海屏等特殊情况。开发者可以通过引入这个库，简化沉浸式效果的实现过程，避免兼容性问题。 总的...
Android刘海屏、水滴屏全面屏适配小结
01-20
现在，市面上的屏幕尺寸和全面屏方案五花八门。这里我使用了小米的图来说明： 上述两种屏幕都可以统称为刘海屏，不过对于右侧较小的刘海，业界一般称为水滴屏或美人尖。为便于说明，后文提到的「刘海屏」「刘海区」都同时指代上图两种屏幕。 刘海屏、水滴屏全面屏适配细节 当我们在谈屏幕适配时，我们具体谈什么呢？ 适应更长的屏幕 防止内容被刘海遮挡 其中第一点是所有应用都需要适配的，对应下文的声明最大长宽比，而第二点，如果应用本身不需要全屏显示或使用沉浸式状态栏，是不需要适配的。 针对需要适配第二点的应用，需要获取刘海的位置和宽高，然后将显示内容避开即可。 声明最大长宽比 以前的普通屏长宽比为16
Android 沉浸式状态/导航栏的实现以及布局重叠的适配（Kotlin）
oxygen112的博客
01-11 2914
该方法用于表示内容是否超出至状态栏和底部导航栏显示，false表明超出。（这也就我们实现沉浸式后需要做适配的原因）。实现沉浸式后我们会发现，布局内容与状态栏、底部导航栏叠加在一起了，为了避免应用UI与系统UI产生重叠，所以我们要对其进行偏移。
【Android】沉浸模式——适配 9.0 刘海屏  StatusBar 和 NavigationBar
虚妄狼
01-21 4750
状态栏和导航栏的显示和隐藏，以及颜色的设置
Android 沉浸式(透明)状态栏细研-超级细还附 Demo
ZeroFlutter
04-21 668
前言 在 Android 4.4 中引入了沉浸模式的功能，但这个版本非真正的沉浸模式，应该说是透明模式。Android 5.0 以后才可以在系统层面实现真正的沉浸式状态栏。 沉浸式状态栏是为了与当前使用的 App 页面风格统一，不会显的那么突兀，保持友好且一致的用户体验而设计，是现在主流 App 必备的适配内容。今天我们就细细的研究一下沉浸式状态栏的适配。 先看效果 实现的功能 真透明状态栏（个别机型无法适配全透明，如锤子） 动态改变 ToolBar 或者自定义的 TitleBar 颜色，修改背景色即.
Android 沉浸式状态栏完美解决方案
热门推荐
没错, 我是东芝
07-26 9万+
国内很多类似的文章, 我只想说一个字, 真tm乱! 我看不懂… 评论里面 全在说无效什么的 (我试了也无效, 好厉害的样子) 不废话,回到正题, 首先贴上一个众所周知的库 SystemBarTint 我只要这个类 https://github.com/jgilfelt/SystemBarTint/blob/master/library/src/com/readystatesoftwar...
android适配留海沉浸状态栏,React Native 状态栏优化（刘海屏适配、沉浸式、启动页全屏）...
weixin_30500365的博客
05-28 731
前言在React Native开发中，我们通常通过StatusBar组件控制状态栏的背景色、文字颜色、显示隐藏：backgroundColor="blue"barStyle="light-content"/>initialRoute={{statusBarHidden: true}}renderScene={(route, navigator) =>...}/>这也许在通常的开发...
【UI篇】Android 沉浸式状态栏的那些事
qq_32664007的博客
08-11 6446
1、隐藏状态栏时，刘海屏需要多做两个步骤①：将 window 上移到状态栏位置。②：将decorView 上移到状态栏位置。而隐藏导航栏时则直接隐藏即可。2、沉浸式设置都要配合使用才不会遮挡显示内容3、隐藏状态栏的时候，如果加上了属性，那么在刘海屏手机上也会有一个上边距，如下图，在直屏手机中是正常的。-...
沉浸式状态栏实现，完美适配Android刘海屏，终极兼容
weixin_39947864的博客
08-21 1万+
沉浸式状态栏，完美适配Android刘海屏 第一篇博客献给曾经帮助我N次的CSDN，在此感谢那些帮助我头发越来越少的。 刘海屏出来有一段时间了，为了适配刘海屏找了不少方案，感觉都比较费劲。 因为我们项目需求，状态栏是渐变色，所以我采用了全面屏的模式来对标题栏状态栏进行开发； 总体思路：刘海屏状态栏的高度都是那样，我只要给全面屏的页面设置一个paddingtop就可以实现，所以我写...
unity沉浸式状态栏
01-31
为了确保应用程序的兼容性和稳定性，在使用沉浸式状态栏的时候，开发者需要根据不同的平台和设备进行适配和测试。 综上所述，Unity沉浸式状态栏是通过隐藏或自定义状态栏，在应用程序运行时提供更加全屏的体验。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值