Android卡片式背景阴影

最新推荐文章于 2024-04-25 19:17:07 发布

Call_Me_Monster

最新推荐文章于 2024-04-25 19:17:07 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

文章标签： android drawable

本文链接：https://blog.youkuaiyun.com/qq_33038763/article/details/52590359

本文介绍了一种通过XML定义的卡片式阴影背景设计方案。利用layer-list实现前后双色背景效果，通过设置不同的颜色及padding来营造阴影感。适用于UI设计中的卡片元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在布局的背景中直接使用drawable的资源文件即可实现卡片式背景阴影。

主要思路为：一个前景色一个背景色。背景色设置较暗，前景色为白色或其他亮色，然后在前景色中设置padding，以达到显示背景的效果。

先背景色，后前景色。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="2dp" />
            <solid android:color="#888" />
        </shape>
    </item>
    <item android:bottom="2dp">
        <shape
            android:dither="true"
            android:shape="rectangle">
            <corners android:radius="2dp" />
            <solid android:color="@android:color/white" />
        </shape>
    </item>

</layer-list>