MarsVard / README

Last active January 07, 2014


    
    View README 
  
  
      README
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
          
          
            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]

          
    View README 
  
  
      card.xml
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            17
            18
            19
            20
            21
            22
            23
            24
            25
            26
            27
            28
            29
            30
            31
            32
            33
          
          
            <?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>

          
    View README 
  
  
      colors.xml
    
    
        Raw
      
    
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
          
          
            <?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>