Farbe aus Hex-String in Jetpack-Komposition

So analysieren Sie Hex-Strings, z #9CCC65 in Farbe Klasse in Jetpack komponieren.

PS: Die Option scheint im Jetpack Compose-Paket zu fehlen

Aktuelle Problemumgehung:
Exportiert parseColor() Methode aus der Standardklasse Color.

@ColorInt
fun parseColor(@Size(min = 1) colorString: String): Int {
    if (colorString[0] == '#') { // Use a long to avoid rollovers on #ffXXXXXX
        var color = colorString.substring(1).toLong(16)
        if (colorString.length == 7) { // Set the alpha value
            color = color or -0x1000000
        } else require(colorString.length == 9) { "Unknown color" }
        return color.toInt()
    }
    throw IllegalArgumentException("Unknown color")
}

Anstatt als String zu übergeben, übergeben Sie ihn stattdessen als Hexadezimal. Zum Beispiel, wenn Sie dies möchten #9CCC65 Farbe einfach vorne entfernen # und ersetzen Sie es durch 0xFF. Beispiel

val PrimaryBlue = Color(0xFF9CCC65)

Sie können diese Objektklasse mit einer getColor-Methode verwenden.

object HexToJetpackColor {
    fun getColor(colorString: String): Color {
            return Color(android.graphics.Color.parseColor("#" + colorString))
    }
}

Oder wir können eine Erweiterungsfunktion verwenden

fun Color.fromHex(color: String) = Color(android.graphics.Color.parseColor("#" + colorString))

Jetpack Color Klasse dh androidx.ui.graphics.Color Akzeptiert nur RGB, ARGB, ColorSpace und colorInt im Konstruktor. Sehen: Color.kt

hier greifen wir also direkt zu parseColor() Methode aus android.graphics.Color was colorInt zurückgibt.

Daher kann die parseColor () -Methode verwendet werden, um colorInt zu erhalten und es dann der Jetpack Color-Klasse zur Verfügung zu stellen, um es zu erhalten androidx.ui.graphics.Color Objekt.

Ähnlich zu Int.dpEs kann geben String.color Erweiterungseigenschaft.

val String.color 
    get() = Color(android.graphics.Color.parseColor(this))

Dies kann als Mitgliedereigenschaft für Farbhex verwendet werden String.

"#FF0000".color

Eine andere Möglichkeit besteht darin, eine Erweiterungsfunktion zu schreiben, die der Funktionsweise von android.graphics.Color ähnelt:

import androidx.compose.ui.graphics.Color

fun Color.Companion.parse(colorString: String): Color =
    Color(color = android.graphics.Color.parseColor(colorString))

Dann können Sie Ihre Komposition wie folgt schreiben:

Modifier.background(Color.parse("#FF0000"))

Wie wäre es mit einer Lösung, die nicht von Android abhängig ist? #KMP

val hashColorString = "#00AB18"
val color = Color(hashColorString.removePrefix("#").toLong(16) or 0x00000000FF000000)

Ich hatte auch dieses Problem und habe endlich die Lösung gefunden:

    val myColorString = "#B00020"
    val myComposeColorInt = Color(myColorString.toColorInt())

Hex-String zum Färben [this extension function is available inside android sdk
]

Color("#FFFFFF".toColorInt())

falls Sie wieder in Hex-Code konvertieren möchten

fun Color.toHexCode(): String {
    val red = this.red * 255
    val green = this.green * 255
    val blue = this.blue * 255
    return String.format("#%02x%02x%02x", red.toInt(), green.toInt(), blue.toInt())
}