public

MarsVard / README

Last active 2014-01-07

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>