带阴影的 Android 圆形按钮

Question

我是 android 的新手，我的应用程序中有一个按钮:

<Button android:elevation="10dp"
        android:id="@+id/btnAddJob"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@drawable/round_btn"
        android:drawableLeft="@drawable/plus"
        android:paddingLeft="9dp"
        android:gravity="center"
        android:layout_marginLeft="300dp" />

和 round_btn:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval" android:thickness="24dp" >
        <stroke android:color="@color/colorText" android:width="24dp" />
        <solid android:color="@color/colorText"/>
        <size android:width="150dp" android:height="150dp"/>
    </shape>
</item>

问题是我希望它有阴影，所以按钮看起来比其他元素高。有人可以帮忙吗？

Answer 1

圆形.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="90"
        android:endColor="@color/lgt_button"
        android:startColor="@color/drk_button" />

    <corners android:radius="20dip" />

    <stroke
        android:width="1px"
        android:color="@color/drk_button" />
</shape>

影子.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

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

    <corners android:radius="20dip" />
</shape>

按钮边框阴影.xml

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

    <item android:drawable="@drawable/shadow" />

    <item
        android:bottom="4px"
        android:drawable="@drawable/round" />
</layer-list>

设置按钮背景

android:background="@drawable/buttonbordershadow"

来源:Rounded button with shadow in Android