首页 > 解决方案 > Android 上的神经拟态卡

问题描述

我正在尝试使用elevation属性和新outlineSpotShadowColor属性在 Android 上实现神经拟态卡。

这是我到目前为止得到的:

在此处输入图像描述

XML 代码:

android:elevation="35dp"
android:outlineSpotShadowColor="#9677d8"

背景形状:

<shape android:shape="rectangle">
    <solid android:color="#b18cfe" />
    <corners android:radius="30dp" />
</shape>

这就是我想要实现的目标:

在此处输入图像描述

如您所见,第二张卡片的不同侧面有不同的阴影颜色。

如何在安卓上做到这一点?

标签: androiduser-interfaceandroid-cardview

解决方案


为了获得最佳的 neumorphism 效果,请使用这个 github 库: fornewid/neumorphism

如需更多参考,您可以访问媒体链接:媒体博客


推荐阅读