Android transparency and Shadows

Question

I have a card view with a transparent background color and an elevation of 4dp.

It seems that there's no way to block the shadow from being visible inside the transparent card. I keep getting a weird outline which must be the shadow drawn underneath.

Is there any way (that works on API 21 and above) to only draw the shadow outside of my card so I can use transparent colors without artifacts?

card view STYLE xml

<style name="GridCard" parent="CardView">
        <item name="cardCornerRadius">4dp</item>
        <item name="cardElevation">4dp</item>
        <item name="cardUseCompatPadding">true</item>
        <item name="android:layout_marginLeft">8dp</item>
        <item name="android:layout_marginRight">8dp</item>
        <item name="android:layout_marginTop">16dp</item>
        <item name="cardBackgroundColor">@color/white_70</item>
</style>

white_70 is #50FFFFFF

here's what it looks like (weird border caused by the shadow):

Can you provide images and xml code?

petey
– petey

2017-05-17 14:29:08 +00:00
Commented May 17, 2017 at 14:29 — petey
– petey, Commented May 17, 2017 at 14:29
Just added them to the post.

michaelmichael
– michaelmichael

2017-05-17 14:43:48 +00:00
Commented May 17, 2017 at 14:43 — michaelmichael
– michaelmichael, Commented May 17, 2017 at 14:43

Ferdous Ahamed · Accepted Answer · 2017-05-17 14:58:57Z

0

Just use cardUseCompatPadding as false to remove inner padding and shadow.

Try this style:

<style name="GridCard" parent="CardView">
    <item name="cardCornerRadius">4dp</item>
    <item name="cardElevation">4dp</item>
    <item name="cardUseCompatPadding">false</item>
    <item name="android:layout_marginLeft">8dp</item>
    <item name="android:layout_marginRight">8dp</item>
    <item name="android:layout_marginTop">16dp</item>
    <item name="cardBackgroundColor">@color/white_70</item>
</style>

answered May 17, 2017 at 14:58

Ferdous Ahamed

21.8k5 gold badges55 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ferdous Ahamed Over a year ago

Post your cardview xml and related resources and also post the style of "CardView"

michaelmichael Over a year ago

I just found there was also a backgroundTint set in the cardView's xml. I took it out and now it works as you suggested!

Collectives™ on Stack Overflow

Android transparency and Shadows

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related