Android阴影

最新推荐文章于 2025-02-28 15:33:18 发布

原创最新推荐文章于 2025-02-28 15:33:18 发布 · 215 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #android studio #apk #安卓 #app

博客讨论了UI设计师对于CardView阴影过深的反馈，导致其被替换为使用Shape实现的解决方案。内容展示了如何用XML定义一个带有阴影效果的layer-list，包括设置不同层次的padding和颜色，以及创建圆角效果。同时，提到了使用5%透明度的灰色阴影色值。这种替代方法旨在提供更轻盈的视觉体验。

UI总说cardview的阴影太黑，故弃用。

对比图

上方‘个人信息’用的是shape，下方‘就诊信息’用的是切图

切图

UI切图

shape

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_2"
                android:left="@dimen/dp_2"
                android:right="@dimen/dp_2"
                android:top="@dimen/dp_2" />
            <solid android:color="@color/shadow_gray" />
            <corners android:radius="@dimen/dp_8" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_2"
                android:left="@dimen/dp_2"
                android:right="@dimen/dp_2"
                android:top="@dimen/dp_2" />
            <solid android:color="@color/shadow_gray" />
            <corners android:radius="@dimen/dp_8" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_2"
                android:left="@dimen/dp_2"
                android:right="@dimen/dp_2"
                android:top="@dimen/dp_2" />
            <solid android:color="@color/shadow_gray" />
            <corners android:radius="@dimen/dp_8" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_2"
                android:left="@dimen/dp_2"
                android:right="@dimen/dp_2"
                android:top="@dimen/dp_2" />
            <solid android:color="@color/shadow_gray" />
            <corners android:radius="@dimen/dp_8" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="@dimen/dp_2"
                android:left="@dimen/dp_2"
                android:right="@dimen/dp_2"
                android:top="@dimen/dp_2" />
            <solid android:color="@color/shadow_gray" />
            <corners android:radius="@dimen/dp_8" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="@color/white" />
            <corners android:radius="@dimen/dp_8" />
        </shape>
    </item>
</layer-list>

百分之5透明度的灰色
<color name="shadow_gray">#0df4f4f4</color>