带有阴影的按钮,看起来像android xml中的渐变

时间:2015-04-01 09:26:12

标签: android xml selector shadow

我正在尝试使用选择器实现此按钮,按下阴影被移除..

enter image description here

但我似乎可以接近这个......这个阴影来自所有方面,看起来它没有到达角落,我可以通过xml获得此效果吗?

这是我的xml,它靠近图像

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

    <item android:state_pressed="true" android:right="5dp" android:top="5dp" >
        <layer-list>
            <item android:right="5dp" android:top="5dp" >
                <shape>
                    <corners android:radius="6dp" />
                    <gradient android:angle="45" android:endColor="@color/white" android:startColor="#D6D6D6" />

                </shape>
            </item>
            <item  android:right="5dp" android:top="5dp">
                <shape
                    android:shape="rectangle">
                    <solid android:color="@color/white"/>

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

                    <padding
                        android:bottom="10dp"
                        android:left="10dp"
                        android:right="10dp"
                        android:top="10dp" />
                    <stroke android:width="0.5px" android:color="@color/gray_50"/>
                </shape>
            </item>
        </layer-list>
    </item>


<item>

    <layer-list>
        <item android:right="5dp" android:top="5dp" >
            <shape>
                <corners android:radius="6dp" />
                 <gradient android:angle="45" android:endColor="@color/white" android:startColor="#D6D6D6" />

            </shape>
        </item>
        <item  android:bottom="2dp" android:left="2dp">
            <shape
                android:shape="rectangle">
                <solid android:color="@color/white"/>

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

                <padding
                    android:bottom="10dp"
                    android:left="10dp"
                    android:right="10dp"
                    android:top="10dp" />
                <stroke android:width="0.5px" android:color="@color/gray_50"/>
            </shape>
        </item>
    </layer-list>


</item>
</selector>

1 个答案:

答案 0 :(得分:3)

尝试将此作为背景使用。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <shape android:shape="rectangle" >
       <solid android:color="#fff" />

       <corners android:radius="4dp" />
    </shape>
</item>
<item android:bottom="1dp">
    <shape android:shape="rectangle" >
       <corners android:radius="4dp" />

       <stroke android:width="1dp"
        android:color="#dadad7" />

       <solid android:color="#fff" />
    </shape>
</item>
</layer-list>

我希望它会起作用