Как да проектираме бутон с градиент и сянка за Android? - android, xml, бутон, цветове

Как да създам бутони като този по-долу в Android? В по-голямата си част имам главната част на бутона надолу. Не мога да разбера сянката и анимацията.

бутон

<Button
android:text="Connect"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/connectionStatus"
android:layout_centerHorizontal="true"
android:id="@+id/button"
android:background="@drawable/button_background"
android:minWidth="300dp"
android:layout_marginTop="32dp"
android:onClick="onClick"
android:textColor="#fff"
/>

Тук е изтегленото

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#21D4FD"
android:endColor="#B721FF"
android:angle="45"
/>
<corners android:bottomLeftRadius="20dip"
android:topRightRadius="20dip"
android:topLeftRadius="20dip"
android:bottomRightRadius="20dip"
/>
</shape>

Това е, което в момента имам:

Това искам да имам:

Отговори:

Трябва да опиташ Това за да направите градиента на бутона.

за да научите повече, моля кликнете Тук