如何创建带有文本和图像的圆形按钮

Question

我想制作一个带有文字和图像的圆形按钮。

到目前为止，我制作了这个按钮，但是我无法为图像制作圆角。

<Button
    android:id="@+id/nextButton"
    android:layout_width="200dp"
    android:layout_height="@dimen/muscle_button_height"
    android:layout_marginBottom="16dp"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:background="@drawable/search_button_gradient"
    android:paddingLeft="@dimen/muscle_button_paddingRightLeft"
    android:paddingRight="@dimen/muscle_button_paddingRightLeft"
    android:text="Search"
    android:textSize="@dimen/muscle_button_text_size"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent" />

背景的

和 drawable.xml 是：

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

    <gradient 
        android:startColor="#E12778"
        android:endColor="#F83E25" />

    <corners android:radius="30dp" /> 
shape/>

我想制作像这样的按钮（Image without round corners），但是以编程方式或从xml创建圆角图像。

layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/biceps" />
<item>

    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient  android:startColor="#80E12778"
            android:endColor="#80F83E25"
            />
        <corners android:radius="30dp"/>
    </shape>
</item>

layer-list>

谢谢！