Skip to content
Related Articles
Open in App
Not now

Related Articles

CardView in Android With Example

Improve Article
Save Article
  • Difficulty Level : Easy
  • Last Updated : 08 Jun, 2022
Improve Article
Save Article

CardView is a new widget in Android that can be used to display any sort of data by providing a rounded corner layout along with a specific elevation. CardView is the view that can display views on top of each other. The main usage of CardView is that it helps to give a rich feel and look to the UI design. This widget can be easily seen in many different Android Apps. CardView can be used for creating items in listview or inside Recycler View. The best part about CardView is that it extends Framelayout and it can be displayed on all platforms of Android. Now we will see the simple example of CardView implementation. 

Implementation: CardView

Step 1: Create a new Android Studio Project. 

For creating a new Android Studio Project. Click on File>New>New Project. Make sure to keep your language as JAVA and select Empty Activity.

Step 2: Add material dependency in build.gradle file.

Navigate to Gradle Scripts then to build.gradle(app) and then add below dependency to it. 

implementation ''

After adding this dependency you will get to see a popup option at top right corner which displays sync now. Click on that option to sync your project. 

Step 3: Add google repository in the build.gradle file of the application project if by default it is not there

buildscript {

repositories {




All Jetpack components are available in the Google Maven repository, include them in the build.gradle file

allprojects {

repositories {





Step 4: Now we will create a simple CardView. 

Navigate to app>res>layout>activity_main.xml then create new CardView widget to it. 


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android=""
    In the above cardview widget
    cardelevation property will give elevation to your card view
    card corner radius will provide radius to your card view
    card background color will give background color to your card view
    card max elevation will give the cardview maximum elevation
    card prevent corner overlap will add padding to CardView on v20 and before to prevent intersections between the Card content and rounded corners.
    card use compact padding will add padding in API v21+ as well to have the same measurements with previous versions.
    below are the two widgets imageview and text view we are displaying inside our card view.
        android:contentDescription="@string/app_name" />

Step 5: Now run your app on your emulator or device you will get to see the output. 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!