При разработке приложений для Android MaterialButton – это популярный компонент пользовательского интерфейса, который обеспечивает элегантный и единообразный вид на разных устройствах. Одним из распространенных требований является динамическое изменение цвета значка MaterialButton в зависимости от определенных условий или действий пользователя. В этом сообщении блога мы рассмотрим различные методы достижения этой цели программно с помощью Kotlin.

Метод 1. Использование DrawableCompat
Первый подход предполагает использование класса DrawableCompat из пакета androidx.core.graphics.drawable. Этот класс предоставляет обратно совместимые методы для изменения доступных для рисования ресурсов.

import androidx.core.graphics.drawable.DrawableCompat
// Get the drawable of the MaterialButton's icon
val drawable = materialButton.icon
// Create a new drawable with the desired color
val coloredDrawable = DrawableCompat.wrap(drawable).mutate()
DrawableCompat.setTint(coloredDrawable, desiredColor)
// Set the colored drawable as the MaterialButton's icon
materialButton.icon = coloredDrawable

Метод 2. Использование PorterDuffColorFilter
Другой подход — использование класса PorterDuffColorFilter, который позволяет применять цветовые эффекты к рисуемым ресурсам.

import android.graphics.PorterDuff
// Get the drawable of the MaterialButton's icon
val drawable = materialButton.icon
// Apply color filter to the drawable
drawable?.setColorFilter(desiredColor, PorterDuff.Mode.SRC_IN)
// Set the modified drawable as the MaterialButton's icon
materialButton.icon = drawable

Метод 3: использование ImageSpan
Если вы хотите использовать собственный значок вместо рисуемого ресурса, вы можете использовать класс ImageSpan, который позволяет отображать изображения в тексте.

import android.text.SpannableString
import android.text.style.ImageSpan
// Create a SpannableString object
val spannableString = SpannableString("Button Text")
// Create an ImageSpan with the desired color and icon
val coloredIcon = ContextCompat.getDrawable(context, R.drawable.ic_custom_icon)?.apply {
    setBounds(0, 0, intrinsicWidth, intrinsicHeight)
    setColorFilter(desiredColor, PorterDuff.Mode.SRC_IN)
}
val imageSpan = ImageSpan(coloredIcon, ImageSpan.ALIGN_BOTTOM)
// Replace the icon in the SpannableString with the ImageSpan
spannableString.setSpan(imageSpan, 0, 1, SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE)
// Set the SpannableString as the MaterialButton's text
materialButton.text = spannableString

Метод 4: использование VectorDrawableCompat
Если вы используете векторные объекты рисования в качестве значков, вы можете использовать класс VectorDrawableCompat для программного изменения цвета значков.

import androidx.vectordrawable.graphics.drawable.VectorDrawableCompat
// Get the drawable of the MaterialButton's icon
val drawable = materialButton.icon
// Cast the drawable to VectorDrawableCompat
val vectorDrawable = drawable as? VectorDrawableCompat
// Change the color of the vector drawable
vectorDrawable?.setTint(desiredColor)
// Set the modified vector drawable as the MaterialButton's icon
materialButton.icon = vectorDrawable

В этой статье мы рассмотрели различные способы изменения цвета значка MaterialButton программным способом с использованием Kotlin. Мы обсудили использование DrawableCompat, PorterDuffColorFilter, ImageSpan и VectorDrawableCompat. Используя эти методы, вы можете создавать динамичные и визуально привлекательные интерфейсы в своих приложениях Android.

Не забывайте экспериментировать с различными подходами в зависимости от вашего конкретного случая использования. Приятного кодирования!