More than 3 years have passed since last update.

いい感じにステータスバーの色をアクションバーの色と合わせる方法(Android)

Last updated at 2020-05-09Posted at 2020-05-07

はじめに

Androidでは、アクションバーの色を濃くしてステータスバーの色にセットしているアプリが多く見られます。

Nintendo Switch Online	Trello	Instagram

その理由として、 colorPrimary がアクションバーの色、 colorPrimaryDark がステータスバーの色に紐付いているからだと思います。

本記事では、アクションバーの色を元に、このような有名アプリと同じようにステータスバーの色を濃くする方法を紹介します。

結論

アクションバーの色のHue（色相）を -6 、Lightness（輝度）を -0.09 してステータスバーの色にセットするだけです。

コードでは以下で実現できます。

MainActivity.kt

import android.graphics.Color
import com.theuhooi.uhooipicbook.extensions.actionBarColorToStatusBarColor

val actionBarColor = Color.parseColor("#6200EE")
this.window.statusBarColor = actionBarColor.actionBarColorToStatusBarColor()

私は Int に actionBarColorToStatusBarColor() という拡張関数を作って実現しました。

Int+Color.kt

package com.theuhooi.uhooipicbook.extensions

import androidx.core.graphics.ColorUtils

fun Int.actionBarColorToStatusBarColor(): Int {
    val hsl = FloatArray(3)
    ColorUtils.colorToHSL(this, hsl)
    hsl[0] = max(0F, hsl[0] - 6)
    hsl[2] = max(0F, hsl[2] - 0.09F)
    return ColorUtils.HSLToColor(hsl)
}