Versions

[{“Name”:“3.0.x”,“GroupName”:null},{“Name”:“3.1.x”,“GroupName”:null},{“Name”:“3.2.x”,“GroupName”:null},{“Name”:“4.0”,“GroupName”:null},{“Name”:“4.0.3”,“GroupName”:null},{“Name”:“4.1”,“GroupName”:null},{“Name”:“4.2”,“GroupName”:null},{“Name”:“4.3”,“GroupName”:null},{“Name”:“4.4”,“GroupName”:null},{“Name”:“4.4W”,“GroupName”:null},{“Name”:“5.0”,“GroupName”:null},{“Name”:“5.1”,“GroupName”:null},{“Name”:“6.0”,“GroupName”:null},{“Name”:“7.0”,“GroupName”:null},{“Name”:“7.1”,“GroupName”:null}]

Introduction

A FrameLayout with a rounded corner background and shadow.

CardView uses elevation property on Lollipop for shadows and falls back to a custom emulated shadow implementation on older platforms.

Due to expensive nature of rounded corner clipping, on platforms before Lollipop, CardView does not clip its children that intersect with rounded corners. Instead, it adds padding to avoid such intersection (See setPreventCornerOverlap(boolean) to change this behavior).

Parameters

Parameter| Details| —— | —— | cardBackgroundColor| Background color for CardView. | cardCornerRadius| Corner radius for CardView. | cardElevation| Elevation for CardView. | cardMaxElevation| Maximum Elevation for CardView. | cardPreventCornerOverlap| Add padding to CardView on v20 and before to prevent intersections between the Card content and rounded corners. | cardUseCompatPadding| Add padding in API v21+ as well to have the same measurements with previous versions. May be a boolean value, such as “true” or “false”. | contentPadding| Inner padding between the edges of the Card and children of the CardView. | contentPaddingBottom| Inner padding between the bottom edge of the Card and children of the CardView. | contentPaddingLeft| Inner padding between the left edge of the Card and children of the CardView. | contentPaddingRight| Elevation for CardView. | cardElevation| Inner padding between the right edge of the Card and children of the CardView. | contentPaddingTop| Inner padding between the top edge of the Card and children of the CardView. |

Remarks

CardView uses real elevation and dynamic shadows on Lollipop (API 21) and above. However, before Lollipop CardView falls back to a programmatic shadow implementation.

If trying to make an ImageView fit within the rounded corners of a CardView, you may notice it does not look correct pre-Lollipop (API 21). To fix this you should call setPreventCornerOverlap(false) on your CardView, or add app:cardPreventCornerOverlap="false" to your layout.

Before using the CardView you have to add the support library dependency in the build.gradle file:

dependencies{
    compile 'com.android.support:cardview-v7:25.2.0'
}

A number of the latest version may be found here

Official Documentation:

https://developer.android.com/reference/android/support/v7/widget/CardView.html https://developer.android.com/training/material/lists-cards.html