当前位置：移动技术网 > 移动技术>移动开发>Android > 设置Android通知栏Notification的字体/图标颜色随背景色变化而变化

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

2017年12月23日 | 移动技术网移动技术 | 我要评论

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

本篇内容为：Android端APP在下栏菜单中发出通知（Notification）时，在设置该通知背景透明的前提下，如何使得通知中的字体颜色和图标在不同颜色的下栏菜单中均能保持较高的对比度。

起因

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

这里写图片描述

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

方案一原理

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

步骤

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

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

在高于5.0的版本中，在通知的布局文件中表示Title的中添加一行语句：

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

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

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

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

方案一的不足但是这种方案有两个不足：低于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 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的中设置

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

在Introduction的中设置

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

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

改进后的优劣：

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

方式二

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

步骤一

在通知的布局文件中表示Title的中添加一行语句：

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

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

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

步骤二

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

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 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中自行定义的颜色。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

Activity的生命周期

为了更加生动的阐述 Activity 的生命周期，我们采用一个小例子来看看吧创建两个 Activity界面 A ... [阅读全文]
android 打包－－混淆配置详解

为了应用的安全，通常我们将Android项目打包时进行混淆加密。会用无意义的短变量去重命名类、变量、方法，以免代... [阅读全文]
LongClick原理、上下文菜单原理、EditText长按弹窗原理、WebView长按弹窗自定义、修复WebView全选重复bug ———————————————— 版权声明：本文为CSDN博主「

长按事件Android中按住一个View不松手，会触发长按事件。使用的场景1、EditText的长按快捷操作。2... [阅读全文]
ViewPager2，用起来！

一、缘起：ViewPager2推出已经有一段时间了，而且官方推出了稳定版本Version 1.0.0，相比Vie... [阅读全文]
CrashHandler全局异常捕获

应用在日常的开发中，我们经常需要去Logcat测试我们的App，但由于很多原因，Android Monitor会... [阅读全文]
JobScheduler 实现特定时间，特定条件（系统空闲，电池电量，磁盘空间 ……）下执行任务

JobScheduler 用法使用场景应用保活特定时间，特定条件（系统空闲，电池电量，磁盘空间 ……）下运行程序... [阅读全文]
为什么说国际站要做长尾词排名？

首先我们要明白一个点，长尾词越长，他就越精准，而且用的人少，当你一覆盖，你的产品就能在首页出现，这就是自然排名，... [阅读全文]
Android系统启动概览

1.Android启动概览。2.Art与Dalvik区别。. [阅读全文]
温习Android基础知识——《第一行代码（第三版）》读书笔记 Chapter 10 Service

第十章：后台默默的劳动者，探究Service目录第十章：后台默默的劳动者，探究ServiceService是什么... [阅读全文]
View体系和自定义View总结

有四种方式去改变View的位置layout(getLeft() + disX, getTop() + disY,... [阅读全文]

网友评论


验证码：

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

2017年12月23日 | 移动技术网移动技术 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论