白底黑字！Android浅色状态栏黑色字体模式

最新推荐文章于 2024-05-02 20:29:02 发布
最新推荐文章于 2024-05-02 20:29:02 发布
阅读量990 收藏
点赞数

公司项目UI改版的时候，把大部分标题栏都设计成了白色，给我们的设计图是这个样子的：


设计图.png

这状态栏布局和图标挺像Android,但是这白底黑字Android设计规范里可没有啊，于是我们开发的时候果断忽视这个状态栏了。

结果设计师拿着测试版过来问，你们安卓这个状态栏颜色怎么没改啊。

我：这个做不了。

设计师一脸质疑。

我：Android4.4以上系统版本可以修改状态栏颜色，但是只有小米的MIUI、魅族的Flyme和Android6.0以上系统可以把状态栏文字和图标换成深色，其他的系统状态栏文字都是白色的，换成浅色背景的话就看不到了。

设计师一脸懵逼不知所云。

后来看着这黑色状态栏白色标题栏实在难看,而且自己用的是MIUI，于是还是做了适配。

其实很多国内三方Android系统都有深色状态栏字体模式，但是目前只看到了小米和魅族公开了各自的实现方法，小米的支持MIUI V6以上版本，魅族的支持Flyme4.0以上版本。代码如下：

/**
 * 设置状态栏图标为深色和魅族特定的文字风格，Flyme4.0以上
 * 可以用来判断是否为Flyme用户
 * @param window 需要设置的窗口
 * @param dark 是否把状态栏字体及图标颜色设置为深色
 * @return  boolean 成功执行返回true
 *
 */
public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
    boolean result = false;
    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(null);
            int value = meizuFlags.getInt(lp);
            if (dark) {
                value |= bit;
            } else {
                value &= ~bit;
            }
            meizuFlags.setInt(lp, value);
            window.setAttributes(lp);
            result = true;
        } catch (Exception e) {

        }
    }
    return result;
}

/**
 * 设置状态栏字体图标为深色，需要MIUIV6以上
 * @param window 需要设置的窗口
 * @param dark 是否把状态栏字体及图标颜色设置为深色
 * @return  boolean 成功执行返回true
 *
 */
public static boolean MIUISetStatusBarLightMode(Window window, boolean dark) {
    boolean result = false;
    if (window != null) {
        Class clazz = window.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);
            if(dark){
                extraFlagField.invoke(window,darkModeFlag,darkModeFlag);//状态栏透明且黑色字体
            }else{
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字体
            }
            result=true;
        }catch (Exception e){

        }
    }
    return result;
}

MIUI深色状态栏字体模式.png

Flyme深色状态栏字体模式.png

官方在Android6.0中提供了亮色状态栏模式，配置只需一行代码：

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
   }

6.0原生深色状态栏字体模式.png

网上有关状态栏颜色设置的文章很多，下面这段代码是我用的状态栏设置工具类，算是一个总结吧。

官方在4.4版本只提供了状态栏透明的api,大家普遍采用开源库SystemBarTint对4.4版本状态栏颜色进行设置，请各位自行下载。

在设置状态栏全透明后，整个activity布局都会上移充满整个屏幕，如果你不想让布局上移的话就需要在根布局设置

   android:fitsSystemWindows="true"

以下为我的状态栏设置工具类：

/**
 * Created by 赵晨璞 
 */
public class StatusBarUtil {

/**
 * 修改状态栏为全透明
 * @param activity
 */
@TargetApi(19)
public static void transparencyBar(Activity activity){
    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = activity.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);

    } else
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        Window window =activity.getWindow();
        window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
                WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
}

   /**
 * 修改状态栏颜色，支持4.4以上版本
 * @param activity
 * @param colorId
 */
public static void setStatusBarColor(Activity activity,int colorId) {

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = activity.getWindow();
//      window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);    
        window.setStatusBarColor(activity.getResources().getColor(colorId));
    } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        //使用SystemBarTint库使4.4版本状态栏变色，需要先将状态栏设置为透明
        transparencyBar(activity);
        SystemBarTintManager tintManager = new SystemBarTintManager(activity);
        tintManager.setStatusBarTintEnabled(true);
        tintManager.setStatusBarTintResource(colorId);
    }
}

/**
 *设置状态栏黑色字体图标，
 * 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
 * @param activity
 * @return 1:MIUUI 2:Flyme 3:android6.0
 */
public static int StatusBarLightMode(Activity activity){
    int result=0;
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        if(MIUISetStatusBarLightMode(activity.getWindow(), true)){
            result=1;
        }else if(FlymeSetStatusBarLightMode(activity.getWindow(), true)){
            result=2;
        }else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            result=3;
        }
    }
    return result;
}

/**
 * 已知系统类型时，设置状态栏黑色字体图标。
 * 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
 * @param activity
 * @param type 1:MIUUI 2:Flyme 3:android6.0
 */
public static void StatusBarLightMode(Activity activity,int type){
    if(type==1){
       MIUISetStatusBarLightMode(activity.getWindow(), true);
    }else if(type==2){
        FlymeSetStatusBarLightMode(activity.getWindow(), true);
    }else if(type==3){
        activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
    }

}

/**
 * 清除MIUI或flyme或6.0以上版本状态栏黑色字体
 */
public static void StatusBarDarkMode(Activity activity,int type){
    if(type==1){
        MIUISetStatusBarLightMode(activity.getWindow(), false);
    }else if(type==2){
        FlymeSetStatusBarLightMode(activity.getWindow(), false);
    }else if(type==3){
        activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
    }

}


/**
 * 设置状态栏图标为深色和魅族特定的文字风格
 * 可以用来判断是否为Flyme用户
 * @param window 需要设置的窗口
 * @param dark 是否把状态栏字体及图标颜色设置为深色
 * @return  boolean 成功执行返回true
 *
 */
public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
    boolean result = false;
    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(null);
            int value = meizuFlags.getInt(lp);
            if (dark) {
                value |= bit;
            } else {
                value &= ~bit;
            }
            meizuFlags.setInt(lp, value);
            window.setAttributes(lp);
            result = true;
        } catch (Exception e) {

        }
    }
    return result;
}

/**
 * 设置状态栏字体图标为深色，需要MIUIV6以上
 * @param window 需要设置的窗口
 * @param dark 是否把状态栏字体及图标颜色设置为深色
 * @return  boolean 成功执行返回true
 *
 */
public static boolean MIUISetStatusBarLightMode(Window window, boolean dark) {
    boolean result = false;
    if (window != null) {
        Class clazz = window.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);
            if(dark){
                extraFlagField.invoke(window,darkModeFlag,darkModeFlag);//状态栏透明且黑色字体
            }else{
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字体
            }
            result=true;
        }catch (Exception e){

        }
    }
    return result;
}

}

适配浅色状态栏深色字体的时候发现底层版本为Android6.0.1的MIUI7.1系统不支持View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR设置，还是得用MIUI自己的深色字体方法。

三方Android系统对底层改的挺乱的，也是让人头痛。O__O

神马？写了这么多，你就说了句图里的妹子挺好看的。。。

图片是随手从网上找的。。。

如果你觉得本文有点用处或是觉得我找的这张图不错就请随手点个赞吧。。。

lizewenhh
关注
Android 标题栏（一）
freeCode
08-20 1万+
标题栏在每个应用中都有，有各种各样的标题栏，今天我们就主要来说说标题栏怎么做，主要内容涉及到自定义标题，ActionBar，Toolbar等知识。自定义标题       几年前开发安卓是没有统一的标题的，每一个页面都需要自己来布局标题，如果有多个页面标题类似，往往就统一编写出来一个布局，统一管理和处理，这里我们来看看怎么编写自定义布局标题，不采用系统提供的，因为有时候有些特定的或者特殊效果的标题，自
白底黑子android菜单栏,白底黑字状态栏（详细使用步骤及各机型测试结果）
weixin_34511754的博客
05-26 781
前言我个人比较喜欢黑白搭的风格，显得简约、文艺。说到Android白底黑字状态栏、都会看到过这篇文章白底黑字！Android浅色状态栏黑色字体模式，这也是我最喜欢的一篇文章、(感觉是技术与美貌并存哈哈哈)，拿过来调用、变色了、ok了，但之后总会有部分机型出现问题、有时候一气之下就放弃了这个设计、回到原来的灰色状态栏。每次都心有不甘，这次决定花点时间研究一下...使用/***Createdby...
Android 标题栏（2）
网易数帆社区博客
09-26 367
本文来自网易云社区作者：孙圣翔添加ActionProvider1.在menu菜单中添加app:actionProviderClass属性：<item     android:id="@+id/plus"      android:icon="@drawable/actionbar_plus_icon_normal"        android:title="@string/more"   ...
Android修改状态栏颜色与字体：白底黑字示例
"这篇文章主要展示了如何在Android应用中实现状态栏白底黑字的效果，特别提到了Android系统中关于状态栏颜色和字体颜色的适配问题，以及针对小米MIUI和魅族Flyme系统的特殊处理方法。" 在Android开发中，自Android ...
Android状态栏白底黑字的示例代码
01-20
标题提到的"Android状态栏白底黑字"是指在Android系统中，将状态栏背景设为白色，并将状态栏中的文字和图标显示为黑色。通常，Android的设计规范推荐使用深色背景和浅色文字，但在某些特定的UI设计需求下，可能会...
适配Android状态栏：白底黑字示例代码
在Android应用开发中，状态栏通常是系统默认的颜色和字体样式，而Android的设计规范并未包含白底黑字的状态栏样式。然而，随着Android系统的迭代和第三方定制系统的普及，开发者可以根据需求自定义状态栏的样式。...
Android 6.0 以上实现状态栏白底黑字 「白色标题栏 App 享受 iOS 般的沉浸体验」
王小六的博客
04-28 1万+
Android 6.0 以上实现状态栏白底黑字 「白色标题栏 App 享受 iOS 般的沉浸体验」 前言： 其实我挺不愿意起这个标题的，为什么 Android 非要做的跟 iOS 一样， 但是对于状态栏这个颜色这个需求我想还是有必要像 iOS 学习一下，毕竟 5.0 之前，状态栏万年黑色的样子的确和大部分 App 的主题样式有点不太融合, 但是最近受到产品的大哥在玩小密圈，看到他们的状态栏效果，
Android中的标题栏
SKY_L的博客
12-28 316
ActionBar，Toolbar，showAsAction，ActionView，ActionProvider，页面导航，ActionMode
Android TitleBar标题栏
xiangxiongfly
07-04 1404
开发过程中会遇见很多app顶部的控制栏，封装一个通用TitleBar attrs.xml <?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="TitleBar"> <!--标题--> &a
Android 一种简单的标题栏
John_WY的博客
03-31 1614
一种简单的导航栏 viewpager+CommonTabLayout上图下文底部导航栏 第一步 导入CommonTabLayout依赖 implementation ‘com.flyco.tablayout:FlycoTabLayout_Lib:2.0.2@aar’ 第二步 创建布局 // An highlighted block <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem
android标题栏文字黑色的,android – 如何设置标题栏的文字颜色？
weixin_35993844的博客
05-26 673
我用这个作为主题.@style/WindowTitleBackground@style/TitleTextColor@drawable/waterblue@color/white使用此背景图像已分配,但文本颜色不会更改.在清单中我使用这样的.android:name="com.example"android:allowBackup="true"android:icon="@drawable/log...
Android自定义标题栏
2401_84121627的博客
04-17 799
*一个零基础的新人，我认为坚持是最最重要的。**我的很多朋友都找我来学习过，我也很用心的教他们，可是不到一个月就坚持不下来了。我认为他们坚持不下来有两点主要原因：他们打算入行不是因为兴趣，而是因为所谓的IT行业工资高，或者说完全对未来没有任何规划。刚开始学的时候确实很枯燥，这确实对你是个考验，所以说坚持下来也很不容易，但是如果你有兴趣就不会认为这是累，不会认为这很枯燥，总之还是贵在坚持。技术提升遇到瓶颈了？缺高级Android进阶视频学习提升自己吗？还有大量大厂面试题为你面试做准备！
Android 自定义标题栏
小渣渣的博客
03-27 2594
目录 1.Android 去掉顶部标题栏 2.定义新的标题栏并使用 1.改布局的高度 并设置颜色 2.可视化的方法新建一个ImageButton，一个TextView ，并设置位置大小图标 3.在想引入自定义标题的界面的xml文件里 加入 效果图： 1.Android 去掉顶部标题栏 Android 入门 我是跟着阿发学的，他的教程是两年前的， 今天...
改变Android状态栏字体为黑色
热门推荐
HAndroidevelopcker的博客
04-19 1万+
最近做的这个项目因为标题栏的颜色是一种很浅的颜色,我在开发时也没有关注标题栏字体的颜色.然后昨天UI拿 着手机突然过来找我,说我手机上的标题栏的字体怎么这么浅,我拿过来看了看,原来是她手机标题栏字体的颜色是 白色的,所以基本上看不清,我拿我自己的手机看了看,发现我手机的标题栏字体颜色却是黑色的(我手机是魅族5, 她的是vivo x9),所以我当时就怀疑是不是系统的原因.然后就上网搜了下发现:A
android布局黑色字体颜色,Android 沉浸式状态栏-字体颜色与背景颜色修改实现与兼容...
weixin_42299472的博客
05-25 522
沉浸式状态栏究其根本就是将布局内容延伸到状态栏中，让状态栏覆盖在布局上或者隐藏。实现首先，要修改状态栏android版本至少要在4.4以上，并且在4.4是不能让状态栏透明的，只能达到一种半透明的阴影背景，而在5.x的版本中，是可以修改背景颜色但无法修改字体颜色的，只有在6.0以上是可以随意修改的。但是在魅族和小米第三方ROM在4.4版本以上的手机都提供了修改的接口。所以具体的修改代码如下：/***...
是时候下载Android-9-0系统源码了
最新发布
2401_84538884的博客
05-02 942
接下来创建bin，并加入到PATH中。mkdir/bin:$PATH安装curl库：下载repo并设置权限：最后安装python，repo初始化时会用到：重启虚拟机后，开始下载源码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值