代码之家 › 专栏 › 技术社区 › Biscuit Samir

API上带图像选择器的材料按钮<23

material-design android

Biscuit Samir · 技术社区 · 4 年前

我正在尝试使用 MaterialButton checkable 用一个 drawableTopCompat 所以当我检查时 Button 文本和可绘制内容会改变颜色。

我需要它来处理API>=21

到目前为止,我得到的结果是:

这是我的xml:

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/ic_favorite_black_18dp"
    style="@style/Widget.MaterialComponents.TextButton.Checkboxed"
    android:text="Test"/>

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/ic_favorite_black_18dp"
    style="@style/Widget.MaterialComponents.TextButton.Checkboxed"
    android:text="Test"/>

选择器

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_selected="true"
    android:textColor="@color/colorPrimary"
    android:tint="@color/colorPrimary"
    />

</selector>

我试过了 drawableTint 但即使这样也行不通

0 回复 | 直到 4 年前

Nicolas 4 年前

你必须以编程方式完成它,因为正如你所发现的, drawableTint 仅适用于API 23及以上版本。如果你使用Kotlin,你可以创建这个扩展函数:

fun MaterialButton.updateCompoundDrawablesColor() {
    val color = this.textColors.getColorForState(this.drawableState, 0)
    for (drawable in this.compoundDrawables) {
        drawable?.colorFilter = BlendModeColorFilterCompat
                .createBlendModeColorFilterCompat(color, BlendModeCompat.SRC_IN)
    }
}

这将使用与文本相同的颜色状态列表更新每个可绘制复合图的滤色器。你可以这样使用它:

val btn: MaterialButton = view.findViewById(R.id.btn)
btn.updateCompoundDrawablesColor()
btn.addOnCheckedChangeListener { _, _ ->
    btn.updateCompoundDrawablesColor()
}

Biscuit Samir 4 年前

我已经设法只使用XML,通过以下方式使其工作:

 <com.google.android.material.button.MaterialButton
    android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@drawable/ic_favorite"
    android:textColor="@drawable/selector_checkable"
    app:drawableTint="@drawable/selector_checkable"
    style="@style/Widget.MaterialComponents.TextButton.Checkboxed"
    android:text="TEST"/>

android:drawableTint 是API>23但不是 app:drawableTint