美文网首页
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