Neumorphic cards on Android

Question

I'm trying to implement neumorphic cards on Android using elevation attribute and new outlineSpotShadowColor attribute.

This is what I got so far:

XML code:

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

Background shape:

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

And this is what I'm trying to achieve:

As you can see the second card has different shadow colour on different sides.

How to do this on Android?

Have you looked at: https://stackoverflow.com/a/54765631/295004 — Morrison Chang, Mar 10 '20 at 01:59
Could you provide more code of your view. It is quite an achievement! — felislynx.silae, Mar 10 '20 at 05:28
@MorrisonChang I used outlineSpotShadowColor and it helps a bit, but I still can't have different shadow colour for different sides using just those attributes... — Pavlo Zin, Mar 10 '20 at 10:38
@felislynx.silae this is basically all the code. It's just a View with `elevation` and `outlineSpotShadowColor`. I also made rounded corners using shape background — Pavlo Zin, Mar 10 '20 at 10:40
@felislynx.silae I've updated my answer with background shape code. — Pavlo Zin, Mar 10 '20 at 10:43

score 0 · Answer 1 · answered Sep 25 '21 at 16:30

0

For Best effect of neumorphism use this github Library: fornewid/neumorphism

For more Reference you can visit medium link: Medium Blog

answered Sep 25 '21 at 16:30

Nimesh Patel

1 Answers1