如何使用Kotlin为ImageButton编程创建自定义selector状态选择器

核心实现逻辑避开传统XML Selector的局限，拆分背景状态、缩放逻辑、图标渲染三层处理，完全匹配三项要求：

• 按压时仅对背景层做25%缩放，图标层独立渲染不做任何尺寸变动
• 用StateListDrawable分别配置默认、按压状态的背景色，状态切换自动生效
• 对外暴露动态改色方法，同一个按钮实例可随时切换两套状态色适配不同场景

核心实现代码 #

自定义可复用的ImageButton子类，所有逻辑封装在控件内部，不需要额外编写XML资源：

import android.graphics.Color
import android.graphics.drawable.ColorDrawable
import android.graphics.drawable.ScaleDrawable
import android.graphics.drawable.StateListDrawable
import android.content.Context
import android.util.AttributeSet
import android.view.Gravity
import android.view.MotionEvent
import androidx.appcompat.widget.AppCompatImageButton
import androidx.core.content.ContextCompat

class ReusableStateImageButton @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = android.R.attr.imageButtonStyle
) : AppCompatImageButton(context, attrs, defStyleAttr) {

    private var normalBg: Int = ContextCompat.getColor(context, android.R.color.white)
    private var pressedBg: Int = ContextCompat.getColor(context, android.R.color.darker_gray)

    init {
        // 固定图标缩放模式，保证图标尺寸不受背景变动影响
        scaleType = ScaleType.FIT_CENTER
        refreshStateBackground()
    }

    /**
     * 动态更新两种状态的背景色，实现多场景复用
     * @param normalColor 默认状态背景色
     * @param pressedColor 按压状态背景色
     */
    fun updateStateColors(normalColor: Int, pressedColor: Int) {
        normalBg = normalColor
        pressedBg = pressedColor
        refreshStateBackground()
    }

    private fun refreshStateBackground() {
        background = StateListDrawable().apply {
            // 按压态背景套ScaleDrawable，用于后续控制缩放
            addState(
                intArrayOf(android.R.attr.state_pressed),
                ScaleDrawable(ColorDrawable(pressedBg), Gravity.CENTER, 1f, 1f)
            )
            // 默认态背景
            addState(
                intArrayOf(-android.R.attr.state_pressed),
                ColorDrawable(normalBg)
            )
        }
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        when (event.actionMasked) {
            MotionEvent.ACTION_DOWN -> {
                // 按压触发：仅将背景缩放至原大小的75%（即缩小25%），控件和图标无变动
                val currentBg = background.current
                if (currentBg is ScaleDrawable) {
                    currentBg.level = 7500 // ScaleDrawable level范围0-10000，对应0%-100%缩放比
                }
            }
            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                // 手势结束：背景恢复原大小
                val currentBg = background.current
                if (currentBg is ScaleDrawable) {
                    currentBg.level = 10000
                }
            }
        }
        return super.onTouchEvent(event)
    }
}

使用方式 #

• 布局中直接引用控件，配置按钮图标即可：

<com.your.package.ReusableStateImageButton
    android:id="@+id/actionBtn"
    android:layout_width="72dp"
    android:layout_height="72dp"
    android:src="@drawable/ic_your_icon"
    android:padding="16dp"/>

• 代码中可随时动态改色，实现单按钮多场景复用：

// 首页场景：浅灰底+蓝色按压效果
actionBtn.updateStateColors(
    normalColor = Color.parseColor("#F2F2F2"),
    pressedColor = Color.parseColor("#E3F2FD")
)

// 切换到支付场景：同个按钮直接改色为浅红底+红色按压效果
actionBtn.updateStateColors(
    normalColor = Color.parseColor("#FFEBEE"),
    pressedColor = Color.parseColor("#FFCDD2")
)

实现说明 #

• 缩放逻辑仅作用于背景drawable，没有修改控件本身的scaleX/scaleY属性，因此按钮上的src图标会保持原有尺寸，完全不会跟随缩放
• 状态色没有硬编码，所有颜色值通过对外方法传入，不需要修改XML即可适配不同业务场景
• 基于系统原生StateListDrawable和ScaleDrawable实现，性能和原生Selector一致，没有额外的绘制开销

内容的提问来源于stack exchange，提问作者Nik