如何创建带阴影的按钮

时间:2014-10-24 05:12:50

标签: android button android-drawable

如何创建带阴影的按钮:

enter image description here

我不知道如何修改此按钮drawable:

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item >
    <shape android:shape="rectangle">
        <gradient android:angle="90" android:startColor="#0F9D58" android:endColor="#0F9D58" />
        <stroke android:width="1dp" android:color="#BABABA" />
        <corners android:radius="4dp" />
        <padding android:bottom="10dp"  android:top="10dp" android:left="20dp" android:right="20dp" />
    </shape>
</item>

谢谢!

更新。最后,代码应如下:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <layer-list>
        <item android:left="5dp" android:right="5dp" android:top="5dp">
            <shape>
                <corners android:radius="3dp" />
                <solid android:color="#0F4858" />
            </shape>
        </item>
        <item android:bottom="2dp" android:left="0dp" android:right="0dp">
            <shape>
                <gradient android:angle="270"
                          android:endColor="#0F9D58" android:startColor="#0F9D58" />
                <padding android:bottom="10dp" android:left="10dp"
                         android:right="10dp" android:top="10dp" />
            </shape>
        </item>
    </layer-list>
</item>
</selector>

1 个答案:

答案 0 :(得分:2)

阅读this thread

基本上,您需要为自定义按钮创建一个xml,例如:

button_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <layer-list>
        <item android:right="5dp" android:top="5dp">
            <shape>
                <corners android:radius="3dp" />
                <solid android:color="#D6D6D6" />
            </shape>
        </item>
        <item android:bottom="2dp" android:left="2dp">
            <shape>
                <gradient android:angle="270" 
                    android:endColor="#E2E2E2" android:startColor="#BABABA" />
                <stroke android:width="1dp" android:color="#BABABA" />
                <corners android:radius="4dp" />
                <padding android:bottom="10dp" android:left="10dp" 
                    android:right="10dp" android:top="10dp" />
            </shape>
        </item>
    </layer-list>
</item>

现在,您可以使用它,使用以下命令对文件进行引用:

<Button
   android:background="@drawable/button_selector"
   ...
   ..
/>