Android 卡片边框模糊阴影效果实现

1. 使用<layer-list>标签内写多个<item>套<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="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="0dp" />
            <solid android:color="#0DCCCCCC" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="0dp" />
            <solid android:color="#10CCCCCC" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="0dp" />
            <solid android:color="#15CCCCCC" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="0dp" />
            <solid android:color="#20CCCCCC" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="2dp"
                android:left="2dp"
                android:right="2dp"
                android:top="0dp" />
            <solid android:color="#25CCCCCC" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="#FFFFFF" />
            <corners android:radius="4dp" />
        </shape>
    </item>
</layer-list>
用法:
<RelativeLayout
            android:id="@+id/card_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/card_title"
            android:layout_marginBottom="50px"
            android:layout_marginLeft="30px"
            android:layout_marginRight="30px"
            android:layout_marginTop="40px"
            android:background="@drawable/card_shape"
            tools:ignore="PxUsage">

最后展现效果:

 

2.可以是用Android CardView控件实现,不过这个控件是5.0后才出现的,使用需要弄好兼容的问题

 使用方法,请转至:https://blog.csdn.net/u013651026/article/details/79000205

  • 10
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android实现阴影效果有多种方法,以下是其中两种比较常用的方法: 1. 使用 elevation 属性 在 Android 5.0 及以上版本中,可以使用 View 的 elevation 属性为 View 添加阴影效果。具体实现方法如下: ```xml <androidx.cardview.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" android:elevation="8dp" app:cardCornerRadius="8dp"> <!-- 在 CardView 中添加需要显示阴影的子 View --> </androidx.cardview.widget.CardView> ``` 其中,elevation 属性用于设置阴影的高度,单位为 dp;cardCornerRadius 属性用于设置 CardView 的圆角半径。 2. 使用自定义阴影背景 如果需要更精细的阴影效果,可以使用自定义阴影背景。具体实现方法如下: 1. 在 drawable 目录下创建一个 shape 文件,例如 shadow_background.xml,内容如下: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android"> <padding android:left="8dp" android:top="8dp" android:right="8dp" android:bottom="8dp" /> <solid android:color="@android:color/white" /> <corners android:radius="8dp" /> <stroke android:width="1dp" android:color="@android:color/darker_gray" /> <gradient android:startColor="@android:color/white" android:endColor="@android:color/darker_gray" android:angle="270" /> </shape> ``` 2. 在需要显示阴影的 View 的背景中设置刚创建的 shape 文件,例如: ```xml <View android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/shadow_background" /> ``` 其中,shadow_background.xml 文件中的 padding 属性用于设置阴影的大小,solid 属性用于设置背景色,corners 属性用于设置圆角半径,stroke 属性用于设置边框,gradient 属性用于设置渐变色。 以上是两种常用的实现阴影效果的方法,根据具体情况选择合适的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值