Android阴影

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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在开发过程中一般情况下,UI设计师喜欢添加一些阴影来使控件看起来比较有立体和层次感,来表明自己高大上的设计。在这里...
    刘景昌阅读 48,227评论 4 47
  • Android怎么做一个阴影的效果 1.首先做一个shape文件 2.然后是添加透明度 这样就完成了。如果想要更好...
    CLBAdai阅读 3,064评论 1 5
  • 首先,这是基于api 21的elevation来实现的阴影,21以下的机型暂不讨论 阴影是绘制在控件外部,所以,首...
    felix_forever阅读 9,207评论 0 4
  • 一、需求来源: 设计师要求还原设计的阴影,下面是sketch原型参数: 二、Android本身控件自带阴影效果无法...
    微风吹皱一池春水阅读 11,924评论 0 7
  • 记录一下使用cardView来实现阴影效果时碰到的版本适配的解决方案。 一、背景 在API 21以前想要实现阴影效...
    愤怒的国足阅读 10,727评论 0 9