美文网首页
Android 实现阴影效果

Android 实现阴影效果

作者: __素颜__ | 来源:发表于2018-06-11 13:45 被阅读382次
image.png
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <layer-list>
            <!-- SHADOW LAYER -->
            <item android:left="3dp" android:top="3dp">
                <shape>
                    <solid android:color="#26000000" />
                    <corners android:radius="3dip" />
                </shape>
            </item>
            <!-- CONTENT LAYER -->
            <!-- 相当于padding -->
            <item android:bottom="3dp" android:right="3dp">
                <shape>
                    <stroke android:width="1dp" android:color="#dddddd" />
                    <solid android:color="#ffffff" />
                    <corners android:radius="3dip" />
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

第一层是阴影图层 居上 和左3dp,
第二层是 背景图层 居下和右3dp
这样右和下面阴影边就露出来了

当然我们也可以使用布局嵌套自己实现阴影

也可以让设计切出渐变的阴影图片,我们通过设置background实现

image.png

效果好像更好一点

相关文章

网友评论

      本文标题:Android 实现阴影效果

      本文链接:https://www.haomeiwen.com/subject/uqoceftx.html