16

I've been scouring stack overflow for days to find the answer to this question, but I cannot figure it out for the life of me :-/

On my Samsung S6 with Android O, apps like Gmail have white notifications for the status bar but red/blue/green/whatever notifications when you pull the notifications down to inspect them individually. See for example the attached photos - Gmail red when the notifications are displayed and white in the notification bar.

What type of programatic Android sorcery must one do to accomplish this? More specifically, in Notification.Builder, what values do I need to set to get it to display this way? Are there two different icons? Is there one drawable with multiple layers? If so, how does one choose which layers are shown where? Thanks!

beautiful red color for gmail stark white color for gmail

mikesol
  • 1,177
  • 1
  • 11
  • 20
  • from what i can conclude not only color is the changed property in case of gmail, it might be two functions distinctively defined, one for grouped notifications and other colored one for single mail – Prakhar Kulshreshtha Nov 20 '17 at 04:34
  • See https://stackoverflow.com/questions/45874742/android-color-notification-icon – ashkhn Nov 20 '17 at 06:08

1 Answers1

18

First of all, we should be using NotificationCompat.Builder

Secondly, here is the code to get that behavior

NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(context, "NOTIFICATION_CHANNEL_NAME")
            .setSmallIcon(R.drawable.notification_icon)
            .setContentTitle(title)
            .setContentText(message)
            .setColor(ContextCompat.getColor(context, R.color.your_color))
            .setContentIntent(pendingIntent);

There is one more thing, the icon that you are using (R.drawable.notification_icon) should be white and should have a little bit of opacity (it should be just a little transparent). After that, your top notification icon will be white and when you draw notifications, it will become R.color.your_color

Bugs Happen
  • 2,169
  • 4
  • 33
  • 59