Невозможно создать кнопку дизайна материала градиента

Question

Я пытаюсь создать кнопку с backgroundTint для градиента.

Я определил свой градиент внутри drawable:

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

    <gradient
            android:centerX="50%"
            android:centerY="50%"
            android:endColor="#308c35"
            android:gradientRadius="100dp"
            android:startColor="#66BB6A"
            android:type="linear" />

    <corners android:radius="22dp" />

</shape>

Теперь я пытаюсь использовать его как значение для моей кнопки:

    <com.google.android.material.button.MaterialButton
            android:id="@+id/material_unelevated_button"
            style="@style/Widget.MaterialComponents.Button.UnelevatedButton"
            android:layout_width="160dp"
            android:layout_height="58dp"
            android:layout_marginBottom="84dp"
            android:text="@string/button_start_text"
            app:backgroundTint="@drawable/main_gradient"
            app:cornerRadius="14dp"
            app:iconPadding="3dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.498"
            app:layout_constraintStart_toStartOf="parent"
            app:strokeWidth="0dp" />

К сожалению, он не работает с backgroundTint. Я использую темы материалов, поэтому, изменяя значение backgroundTint, я могу изменить внешний вид кнопки. Я не могу найти решение для этого, я попытался установить Android: фон и любой другой параметр, связанный с фоном, чтобы градиент, но это не имело никакого эффекта.

Answer 1

Это не сработает. Каким-то образом я тоже попробовал это, и это в кнопке материала не работает градиент, и это связано с внутренностями материального проектирования.

Answer 2

Это очень просто:

Градиент.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
   <gradient
        android:centerX="50%"
        android:centerY="50%"
        android:endColor="#308c35"
        android:gradientRadius="100dp"
        android:startColor="#66BB6A"
        android:type="linear" />

  <corners android:radius="@dimen/dp_10" />
</shape>

И ваша кнопка:

<Button
    android:id="@+id/btn_confirm"
    android:layout_width="160dp"
    android:layout_height="58dp"
    android:layout_marginBottom="84dp"
    android:text="@string/button_start_text"
    android:layout_weight="1"
    android:background="@drawable/gradient" >

Answer 3

Попробуйте так:

drawableFile: -

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

<stroke
    android:width="1dp"
    android:color="@color/sky_blue"
    android:drawable="@android:color/transparent" />

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

<corners
    android:bottomLeftRadius="@dimen/dp_10"
    android:bottomRightRadius="@dimen/dp_10"
    android:topLeftRadius="@dimen/dp_10"
    android:topRightRadius="@dimen/dp_10" />

 </shape>

XML-файл: -

 <Button
        android:id="@+id/btn_confirm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginStart="@dimen/dp_20"
        android:layout_marginLeft="@dimen/dp_20"
        android:background="@drawable/confirm_button_green"
        android:drawableStart="@drawable/message_btn_logo"
        android:drawableLeft="@drawable/message_btn_logo"
        android:drawablePadding="@dimen/dp_5"
        android:gravity="center_vertical"
        android:padding="@dimen/dp_5"
        android:paddingStart="@dimen/dp_15"
        android:paddingLeft="@dimen/dp_15"
        android:paddingTop="@dimen/dp_15"
        android:paddingEnd="@dimen/dp_20"
        android:paddingRight="@dimen/dp_20"
        android:paddingBottom="@dimen/dp_15"
        android:text="Confirm"
        android:textAllCaps="false"
        android:textColor="@color/white"/>

Надеюсь, это поможет вам.