设置Android通知栏Notification的字体/图标颜色随背景色变化而变化

本文主要是介绍设置Android通知栏Notification的字体/图标颜色随背景色变化而变化,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

设置通知栏中的字体/按钮颜色随系统下拉菜单背景色变化而变化

本篇内容为:Android端APP在下栏菜单中发出通知(Notification)时,在设置该通知背景透明的前提下,如何使得通知中的字体颜色和图标在不同颜色的下栏菜单中均能保持较高的对比度。从中受益的两篇文章分别是Android 自定义通知Notification 适配不同背景颜色和通知栏设置系统字体颜色.


  • 设置通知栏中的字体按钮颜色随系统下拉菜单背景色变化而变化
    • 起因
    • 方案一
      • 原理
      • 步骤
      • 方案一的不足
    • 方案二
      • 原理
      • 步骤
      • 优劣
    • 方案三
      • 方式一
        • 改进后的优劣
      • 方式二
        • 步骤一
        • 步骤二

起因

常见的方式是为通知加入背景色。有背景色的通知栏虽然保证了文字和图标的对比度,但是不能完美融入不同颜色的下拉菜单中。网易云音乐做得到了背景色透明,且通知栏字色也始终具有较高的对比度,但按钮图标只有一套,在下拉菜单的背景色和图标色相近时会导致按钮不够明显~显示效果如图:

这里写图片描述

如何使得通知中的字体颜色和图标颜色自适应不同的手机主题呢?文章开篇给出了参考的两篇文章,分别对应着两种解决方案,这里从简描述,有需要的童鞋可点击链接查看详细内容。我重点讲述取之长,补之短的方案三。

方案一

原理

因为系统通知的文字颜色会随着(不同主题的)下拉菜单的背景色变化而变化,该方法设置自定义通知的文字颜色与系统通知的文字颜色相同,从而达到保证文字对比度的目的。

步骤

这个方案给出了低于5.0的Android版本和高于5.0的Android版本的不同的方案,简而言之就是:在低于5.0的Android版本中,在通知的布局文件(.xml)中的题目Title和简介Introduction中,分别添加如下的一行语句:

...<TextView>...android:textAppearance="@style/TextAppearance.StatusBar.EventContent"...</TextView>

在高于5.0的版本中,在通知的布局文件中表示Title的<TextView>中添加一行语句:

...<TextView>...android:textAppearance="@android:style/TextAppearance.Material.Notification.Title"...</TextView>

在通知的布局文件中表示简介Introduction的<TextView>中添加一行语句:

...<TextView>...android:textAppearance="@android:style/TextAppearance.Material.Notification.Line2"...</TextView>

即可实现自定义通知的文字颜色与系统通知的文字颜色相同。

方案一的不足

但是这种方案有两个不足:
低于5.0版本的方案Title和Introduction同色(通常都为灰色),如果要求这两项有不同对比度,则该方案欠佳;
高于5.0版本的方案,其限制条件“高于5.0版本”就是不足。

方案二

原理

方案二通过遍历系统通知的viewGroup,获取系统通知中的字体颜色;继而对字体颜色进行判定,是偏黑色主题还是偏浅色主题;最终根据返回的主题颜色,改变自定义通知中的字体颜色。

步骤

代码可读性较高,直接上源码。拷贝自此,根据实际项目有略微差异。

public boolean isDarkNotificationTheme() {return !isSimilarColor(Color.BLACK,getNotificationColor(musicService.getApplicationContext()));
}public static int getNotificationColor(Context context) {NotificationCompat.Builder builder=new NotificationCompat.Builder(context);Notification notification=builder.build();int layoutId=notification.contentView.getLayoutId();ViewGroup viewGroup= (ViewGroup) LayoutInflater.from(context).inflate(layoutId, null, false);if (viewGroup.findViewById(android.R.id.title)!=null) {return ((TextView) viewGroup.findViewById(android.R.id.title)).getCurrentTextColor();}return findColor(viewGroup);
}private boolean isSimilarColor(int baseColor, int color) {int simpleBaseColor=baseColor|0xff000000;int simpleColor=color|0xff000000;int baseRed=Color.red(simpleBaseColor)-Color.red(simpleColor);int baseGreen=Color.green(simpleBaseColor)-Color.green(simpleColor);int baseBlue=Color.blue(simpleBaseColor)-Color.blue(simpleColor);double value=Math.sqrt(baseRed*baseRed+baseGreen*baseGreen+baseBlue*baseBlue);if (value<180.0) {return true;}return false;
}private static int findColor(ViewGroup viewGroupSource) {int color=Color.TRANSPARENT;LinkedList<ViewGroup> viewGroups=new LinkedList<>();viewGroups.add(viewGroupSource);while (viewGroups.size()>0) {ViewGroup viewGroup1=viewGroups.getFirst();for (int i = 0; i < viewGroup1.getChildCount(); i++) {if (viewGroup1.getChildAt(i) instanceof ViewGroup) {viewGroups.add((ViewGroup) viewGroup1.getChildAt(i));}else if (viewGroup1.getChildAt(i) instanceof TextView) {if (((TextView) viewGroup1.getChildAt(i)).getCurrentTextColor()!=-1) {color=((TextView) viewGroup1.getChildAt(i)).getCurrentTextColor();}}}viewGroups.remove(viewGroup1);}return color;
}

最后通过

contentView.setInt(R.id.share_content, "setTextColor", NotificationUtils.isDarkNotificationTheme()==true?Color.WHITE:Color.BLACK);

实现颜色替换的功能。

优劣

优势:可自定义通知中Title和Introduction的字体颜色;
劣势:好像依旧无法更换通知中的按钮。

此外,我尝试通过返回的isDarkNotificationTheme()的具体结果,通过以下代码更改通知中字体的颜色和图标:

private View view;
private TextView notificationTitleTextView;
private TextView notificationSubtitleTextView;
private ImageView notificationPlayorpauseImageView;View view = LayoutInflater.from(MusicPlayer.this).inflate(R.layout.music_notification, null);
notificationTitleTextView = (TextView) view.findViewById(R.id.notification_title_textView);
notificationsubTitleTextView = (TextView) view.findViewById(R.id.notification_subtitle_textView);
notificationPlayorpauseImageView = (ImageView) view.findViewById(R.id.notification_subtitle_textView);if(isDarkNotificationTheme()){notificationTitleTextView.setTextColor(getResources().getColor(R.color.black));notificationsubtitleTextView.setTextColor(getResources().getColor(R.color.gray));notificationPlayorpauseImageView.setImageResource(R.mipmap.playOrPauseImageView);
}else{
//如上,替换成不同的颜色/图标
}

但是发现在通知中并没有起效果,也就是说这种方式并不适用于通知。

方案三

方案三包括两部分内容,其一是针对方案一的一点小改动,以符合无视Android版本都能进行适配的要求;但并不能解决无法更换图标的问题。其二是结合方案一和方案二,实现最终的文字颜色/图标随手机主题更换后背景色变化而变化。

方式一:

留心方案一中高于Android 5.0版本的方法:虽然

“@android:style/TextAppearance.Material.Notification.Line2”

要求的最低版本为API 21,但

“@android:style/TextAppearance.Material.Notification.Title”

要求的最低版本为仅为API 9. 考虑到现在市面上几乎全部Android手机的Android版本的API都高于API 9, 可在Title的<TextView>中设置

android:textAppearance=”@android:style/TextAppearance.Material.Notification.Title”

在Introduction的<TextView>中设置

android:textAppearance=”@style/TextAppearance.StatusBar.EventContent”

即可实现保持Title和Introduction高对比度的前提下,Title和Introduction具有不同的灰度颜色(Title为黑/白,Introduction为不同程度的灰色)。

改进后的优劣:

优势:简单方便;更换深/浅色主题后自定义通知的字体颜色立即做响应改变。
劣势:文字颜色不能自定义;不能改变图标颜色。

方式二

1)因为方案一有简单、背景变化时文字颜色响应迅速的特点,在通知的字体颜色上采用方式一;
2)利用方案二,获知当前主题是深色还是浅色,之后根据主题色采用不同颜色的图标。

步骤一

在通知的布局文件中表示Title的<TextView>中添加一行语句:

...<TextView>...android:textAppearance="@android:style/TextAppearance.Material.Notification.Title"...</TextView>

在通知的布局文件中表示简介Introduction的<TextView>中添加一行语句:

...<TextView>...android:textAppearance="@style/TextAppearance.StatusBar.EventContent"...</TextView>
步骤二

首先使用方案二,获取到当前主题色是深色还是浅色:


public boolean isDarkNotificationTheme() {return !isSimilarColor(Color.BLACK,getNotificationColor(musicService.getApplicationContext()));
}public static int getNotificationColor(Context context) {NotificationCompat.Builder builder=new NotificationCompat.Builder(context);notification=builder.build();int layoutId=notification.contentView.getLayoutId();ViewGroup viewGroup= (ViewGroup) LayoutInflater.from(context).inflate(layoutId, null, false);if (viewGroup.findViewById(android.R.id.title)!=null) {return ((TextView) viewGroup.findViewById(android.R.id.title)).getCurrentTextColor();}return findColor(viewGroup);
}private boolean isSimilarColor(int baseColor, int color) {int simpleBaseColor=baseColor|0xff000000;int simpleColor=color|0xff000000;int baseRed=Color.red(simpleBaseColor)-Color.red(simpleColor);int baseGreen=Color.green(simpleBaseColor)-Color.green(simpleColor);int baseBlue=Color.blue(simpleBaseColor)-Color.blue(simpleColor);double value=Math.sqrt(baseRed*baseRed+baseGreen*baseGreen+baseBlue*baseBlue);if (value<180.0) {return true;}return false;
}private static int findColor(ViewGroup viewGroupSource) {int color=Color.TRANSPARENT;LinkedList<ViewGroup> viewGroups=new LinkedList<>();viewGroups.add(viewGroupSource);while (viewGroups.size()>0) {ViewGroup viewGroup1=viewGroups.getFirst();for (int i = 0; i < viewGroup1.getChildCount(); i++) {if (viewGroup1.getChildAt(i) instanceof ViewGroup) {viewGroups.add((ViewGroup) viewGroup1.getChildAt(i));}else if (viewGroup1.getChildAt(i) instanceof TextView) {if (((TextView) viewGroup1.getChildAt(i)).getCurrentTextColor()!=-1) {color=((TextView) viewGroup1.getChildAt(i)).getCurrentTextColor();}}}viewGroups.remove(viewGroup1);}return color;
}

之后实现更换通知中图标的函数,函数中调用Android自带的更新通知中文字和图标的方法setImageViewResource:

public void setNotificationColor(){if(isDarkNotificationTheme()){setImageViewResource(R.id.notification_play_pause, R.mipmap.ic_audio_playing_night);setImageViewResource(R.id.notification_img_next, R.mipmap.ic_audio_next_night);}else {setImageViewResource(R.id.notification_play_pause, R.mipmap.ic_audio_playing);setImageViewResource(R.id.notification_img_next, R.mipmap.ic_audio_next);}refreshView();
}// private Notification notification builder.build();
// public static NotificationManager notificationManager = (NotificationManager)service.getSystemService(Context.NOTIFICATION_SERVICE);
private void refreshView(){if(notification != null){notificationManager.notify(NOTIFICATION_ID, notification);
}

即大功告成。如果想自己定义通知中Title和Introduction的字体颜色,在setNotificationColor()方法的if语句中中添加

setTextColor(R.id.notification_title_textview, getResources().getColor(R.color.title_color));
setTextColor(R.id.notification_subtitle_textview, getResources().getColor(R.color.title_color));

最终效果如图中最顶端的通知,分别展示在深色主题下和浅色主题下的显示效果:
这里写图片描述

备注:其中R.mipmap.xxx是在工程中的android/src/main/res/mipmap文件夹中自行添加的图标;R.color.xxxxx是在工程中的android/src/main/res/values/color.xml中自行定义的颜色。

这篇关于设置Android通知栏Notification的字体/图标颜色随背景色变化而变化的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/956414

相关文章

Python设置Cookie永不超时的详细指南

《Python设置Cookie永不超时的详细指南》Cookie是一种存储在用户浏览器中的小型数据片段,用于记录用户的登录状态、偏好设置等信息,下面小编就来和大家详细讲讲Python如何设置Cookie... 目录一、Cookie的作用与重要性二、Cookie过期的原因三、实现Cookie永不超时的方法(一)

Qt 设置软件版本信息的实现

《Qt设置软件版本信息的实现》本文介绍了Qt项目中设置版本信息的三种常用方法,包括.pro文件和version.rc配置、CMakeLists.txt与version.h.in结合,具有一定的参考... 目录在运行程序期间设置版本信息可以参考VS在 QT 中设置软件版本信息的几种方法方法一:通过 .pro

Android DataBinding 与 MVVM使用详解

《AndroidDataBinding与MVVM使用详解》本文介绍AndroidDataBinding库,其通过绑定UI组件与数据源实现自动更新,支持双向绑定和逻辑运算,减少模板代码,结合MV... 目录一、DataBinding 核心概念二、配置与基础使用1. 启用 DataBinding 2. 基础布局

Android ViewBinding使用流程

《AndroidViewBinding使用流程》AndroidViewBinding是Jetpack组件,替代findViewById,提供类型安全、空安全和编译时检查,代码简洁且性能优化,相比Da... 目录一、核心概念二、ViewBinding优点三、使用流程1. 启用 ViewBinding (模块级

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

PostgreSQL 默认隔离级别的设置

《PostgreSQL默认隔离级别的设置》PostgreSQL的默认事务隔离级别是读已提交,这是其事务处理系统的基础行为模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录一 默认隔离级别概述1.1 默认设置1.2 各版本一致性二 读已提交的特性2.1 行为特征2.2

一文详解MySQL如何设置自动备份任务

《一文详解MySQL如何设置自动备份任务》设置自动备份任务可以确保你的数据库定期备份,防止数据丢失,下面我们就来详细介绍一下如何使用Bash脚本和Cron任务在Linux系统上设置MySQL数据库的自... 目录1. 编写备份脚本1.1 创建并编辑备份脚本1.2 给予脚本执行权限2. 设置 Cron 任务2

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间

苹果macOS 26 Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色

《苹果macOS26Tahoe主题功能大升级:可定制图标/高亮文本/文件夹颜色》在整体系统设计方面,macOS26采用了全新的玻璃质感视觉风格,应用于Dock栏、应用图标以及桌面小部件等多个界面... 科技媒体 MACRumors 昨日(6 月 13 日)发布博文,报道称在 macOS 26 Tahoe 中

mtu设置多少网速最快? 路由器MTU设置最佳网速的技巧

《mtu设置多少网速最快?路由器MTU设置最佳网速的技巧》mtu设置多少网速最快?想要通过设置路由器mtu获得最佳网速,该怎么设置呢?下面我们就来看看路由器MTU设置最佳网速的技巧... 答:1500 MTU值指的是在网络传输中数据包的最大值,合理的设置MTU 值可以让网络更快!mtu设置可以优化不同的网