Custom Button not completly shown

Question

I tried to set a drawable as a background for a button, but just the corners are rounded now.

Here is the code for the drawable:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="1000dp"/>

    <solid android:color="@color/light_notlight_themebased_accentColor" />

    <padding
        android:bottom="7dp"
        android:top="7dp"
        android:left="7dp"
        android:right="7dp" />

    <stroke
        android:color="@color/ContrastAndText"
        android:width="10dp" />
</shape>

And here is the code for the Button:

<Button
            android:id="@+id/loginButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="20dp"
            android:background="@drawable/login_loginbutton_default"
            android:text="@string/login_loginButton"
            android:textAllCaps="true"
            android:textColor="@color/NavbarAccent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.498"
            app:layout_constraintStart_toStartOf="parent" />

The stroke and the color is not shown (it stays the backgroundcolor), only the corners are rounded...

Here is what it looks like:

In the AndroidStudio Preview (Canary 4.1):

Final result on the device:

Whats my fault? Thanks in advance!

Are you using the Material Components library and which version? — Gabriele Mariotti, Jun 21 '20 at 14:04
Yes, I am. _implementation 'com.google.android.material:material:1.1.0'_ — Malmatth, Jun 21 '20 at 14:06

score 1 · Accepted Answer · answered Jun 21 '20 at 14:13

If you are using a MaterialComponents Theme there is no difference between <Button /> and <com.google.android.material.button.MaterialButton />. Check this answer for more details.

If you want to use the android:background attribute in your Button you have to use the version 1.2.0-alpha06 or higher.

<MaterialButton
    app:backgroundTint="@null"
    android:background="@drawable/button_gradient"
    ... />

Otherwise you have to use the AppCompatButton component.

Checking your shape you don't need to set a background. Just use

   <com.google.android.material.button.MaterialButton
        app:cornerRadius="@dimen/..."
        app:strokeColor="@color/.."
        app:strokeWidth="@dimen/.."
        ..>

Thanks, I just used the AppCompat Button now and it works perfectly :) — Malmatth, Jun 21 '20 at 14:22

Custom Button not completly shown

1 Answers1