Material-components-android: setting background to Button has no effect

[MahmoudMabrok]

after i fix my issue here #1649 and changing themr, my can not change his background

when i change Theme of design tool to AppCompat i can see my new backgound

after search i found that i should change<Button> into<android.widget.Button>, why we need this

[MahmoudMabrok]

@gabrielemariotti if u can help me

[gabrielemariotti]

Check the doc.

Use theapp:backgroundTint attribute to apply a color to the button background.

[fAntel]

I have this issue too and use of app:backgroudTint doesn't help.

I use Bridge theme for activity and style for button based on Widget.MaterialComponents.Button. It's work for library version 1.1.0 but it doesn't work for 1.2.0 and 1.2.1. If I change back button style to Widget.AppCompat.Button.Colored, it's work with 1.2.0 and 1.2.1 but new material styles have different font and it looks ugly to combine this styles.

Styles:

<!-- activity theme -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
    <item name="colorPrimary">#FFFFFF</item>
    <item name="colorPrimaryDark">#FFFFFF</item>
    <item name="colorAccent">#802095</item>
    <item name="android:screenOrientation">portrait</item>
    <item name="android:windowBackground">#FAFAFA</item>
</style>

<!-- button style -->
<style name="MainButton" parent="Widget.MaterialComponents.Button">
    <item name="backgroundTint">#802095</item>
    <item name="android:textColor">#FFFFFF</item>
    <item name="android:fontFamily">sans-serif-medium</item>
    <item name="android:textSize">14sp</item>
    <item name="android:textAllCaps">true</item>
</style>

Usage:

<Button
    style="@style/MainButton"
    android:id="@+id/button"
    android:layout_width="match_parrent"
    android:layout_height="wrap_content"
    android:layout_marginEnd="16dp"
    android:layout_marginStart="16dp"
    android:text="test"/>

material-components-android 1.1.0

material-components-android 1.2.1

[gabrielemariotti]

@fAntel
It is a different issue.

You can check in the Layout Inspector:

In your case since you are using a Bridge Theme, you are working with an AppCompatButton.

You can use:

<com.google.android.material.button.MaterialButton
    style="@style/MainButton"
    android:id="@+id/button"
    android:layout_width="match_parrent"
    android:layout_height="wrap_content"
    android:layout_marginEnd="16dp"
    android:layout_marginStart="16dp"
    android:text="test"/>

or

    <style name="AppThemeBridge" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
        <item name="viewInflaterClass">com.google.android.material.theme.MaterialComponentsViewInflater</item>
    </style>

otherwise use the AppCompatButton and theandroid:background attribute.

[fAntel]

@gabrielemariotti thank you very much :)