以编程方式将样式应用于MaterialButton

Question

我试图创建一个从MaterialButton扩展而来的自定义视图，并在代码中应用样式，这样我就不需要在xml中这样做。

class CustomRedButton @JvmOverloads constructor(
    context: Context, 
    attrs: AttributeSet? = null, 
    defStyleAttr: Int = 0
) : MaterialButton(ContextThemeWrapper(context, R.style.ButtonRedStyle), attrs, defStyleAttr) 

风格是：

<style name="ButtonRedStyle" 
    parent="Widget.MaterialComponents.Button.TextButton">
    <item name="backgroundTint">@color/red</item>
    <item name="rippleColor">@color/grey</item>
    <item name="strokeWidth">1dp</item>
    <item name="strokeColor">@color/black</item>
</style>

一切正常，但backgroundTintproperty。由于某种原因，背景色并没有改变，它有主题的原色。但是，如果我尝试将样式应用于xml中的MaterialButton，它确实会改变颜色。

你知道为什么会这样，或者我怎样才能做到吗？

Answer 1

如果您想更改CustomView的样式，您必须将其传递给构造函数，方法是将其传递给第三个参数desStyleAttr，如下所示：

class CustomRedButton @JvmOverloads constructor(
    context: Context, 
    attrs: AttributeSet? = null, 
    defStyleAttr: Int = R.style.ButtonRedStyle // Just default style like this
) : MaterialButton(context, attrs, defStyleAttr)

你可以通过编程的方式初始化它，

CustomRedButton(this, null, R.style.ButtonRedStyle) // Initialization, ('this' is context)

有关更多详细信息，请参阅此处

Answer 2

我也面临同样的问题。到目前为止，我找到的唯一解决方法是以编程方式设置色调，如下所示：

button.setBackgroundTintList(ColorStateList.valueOf(Color.RED));

Answer 3

使用

MaterialButton(ContextThemeWrapper(context, R.style.ButtonRedStyle), attrs, defStyleAttr)

您正在将themeoverlay应用于默认样式，而不是应用其他样式。

这意味着：

<style name="ButtonRedTheme" parent="...">
    <item name="colorPrimary">@color/...</item>
    <item name="colorOnPrimary">@color/...</item>
    <item name="colorSecondary">@color/...</item>
</style>

如果要应用不同的样式，必须：

• 在attrs中定义自定义属性。xml

    <attr name="myButtonStyle" format="reference"/>

• 在应用程序主题中将样式分配给此属性：

xml prettyprint-override">   <style name="AppTheme" parent="Theme.MaterialComponents.DayNight">
        <item name="myButtonStyle">@style/CustomButtonStyle</item>
   </style>

• 定义自定义样式：

    <style name="CustomButtonStyle" parent="Widget.MaterialComponents.Button.*">
        <item name="backgroundTint">@color/...</item>
        <item name="rippleColor">@color/grey</item>
        <item name="strokeWidth">1dp</item>
        <item name="strokeColor">@color/black</item>
    </style>

最后使用：

val customButton = MaterialButton(context, null, R.attr.myButtonStyle)