Create a gist now

Instantly share code, notes, and snippets.

@MarsVard /README
Last active Apr 16, 2018

Embed
android drawable to imitate google cards.
put card.xml in your drawables directory, put colors.xml in your values directory or add the colors to your colors.xml file.
set the background of a view to card,
as you can see in card.xml the drawable handles the card margin, so you don't have to add a margin to your view
``` xml
<View
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/card"
/>
```
(here is a screenshot of what the cards look like)[http://i.imgur.com/XFbovuI.png]
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<padding android:top="10dp" android:right="10dp" android:bottom="5dp" android:left="10dp" />
<solid android:color="@color/transparent" />
</shape>
</item>
<item>
<shape>
<padding android:top="0dp" android:right="0dp" android:bottom="1dp" android:left="0dp" />
<solid android:color="@color/card_shadow_1" />
<corners android:radius="2dp" />
</shape>
</item>
<item>
<shape>
<padding android:top="0dp" android:right="0dp" android:bottom="1dp" android:left="0dp" />
<solid android:color="@color/card_shadow_2" />
<corners android:radius="2dp" />
</shape>
</item>
<!-- Background -->
<item>
<shape >
<solid android:color="@color/card_background" />
<corners android:radius="2dp" />
</shape>
</item>
</layer-list>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="transparent">#00000000</color>
<!-- card colors -->
<color name="card_background">#ffffff</color>
<color name="card_shadow_1">#d4d4d4</color>
<color name="card_shadow_2">#dddddd</color>
<color name="card_detailing">#eee</color>
</resources>
@aimanbaharum

This comment has been minimized.

Show comment
Hide comment
@aimanbaharum

aimanbaharum Oct 25, 2015

Thanks

Thanks

@hirenkapuria

This comment has been minimized.

Show comment
Hide comment
@hirenkapuria

hirenkapuria Nov 3, 2015

Thank you so much

Thank you so much

@ahujakaran24

This comment has been minimized.

Show comment
Hide comment
@ahujakaran24

ahujakaran24 Nov 4, 2015

Wowo thumbs up +1

Wowo thumbs up +1

@dbarwacz

This comment has been minimized.

Show comment
Hide comment
@dbarwacz

dbarwacz Dec 22, 2015

You could as well use system parameter: "@android:color/transparent"

You could as well use system parameter: "@android:color/transparent"

@mrmodise

This comment has been minimized.

Show comment
Hide comment
@mrmodise

mrmodise Jan 23, 2016

Very much appreciated

Very much appreciated

@AnonyMouseCoder

This comment has been minimized.

Show comment
Hide comment
@AnonyMouseCoder

AnonyMouseCoder Feb 11, 2016

That's perfect!! (y)

That's perfect!! (y)

@emanuelthedude

This comment has been minimized.

Show comment
Hide comment
@emanuelthedude

emanuelthedude Mar 12, 2016

i like :)

i like :)

@cooliscool

This comment has been minimized.

Show comment
Hide comment
@cooliscool

cooliscool Apr 14, 2016

Really cool ! Thanks :)
A short question :
Is there a better way to design drawables other than looking at the preview in android studio ?

Really cool ! Thanks :)
A short question :
Is there a better way to design drawables other than looking at the preview in android studio ?

@shashanthk

This comment has been minimized.

Show comment
Hide comment
@shashanthk

shashanthk Oct 8, 2016

This is awesome. Thank you and +1 for the work...

This is awesome. Thank you and +1 for the work...

@lovebdsobuj

This comment has been minimized.

Show comment
Hide comment
@lovebdsobuj

lovebdsobuj Feb 26, 2017

How to add click effect color?

How to add click effect color?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment