How to add cardview in layout xml in AndroidX

Question

After upgraded to AndroidX

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp">

gives a error

The following classes could not be found: - android.support.v7.widget.CardView (Fix Build Path, Edit XML, Create Class)

dependencies {

    implementation 'androidx.appcompat:appcompat:1.0.0'
    
    implementation 'androidx.cardview:cardview:1.0.0'

but I don't know how to use CardView in xml under AndroidX

Thank you

score 113 · Accepted Answer · answered Oct 31 '18 at 18:11

113

The class has changed to:

androidx.cardview.widget.CardView

If you want to use the old class names, you need to add android:enableJetifier=true to your gradle.properties and use the appcompat dependencies instead.

answered Oct 31 '18 at 18:11

TheWanderer

16,775
6
49
63

score 44 · Answer 2 · answered Aug 19 '19 at 14:00

I think the Best Approach should be like, understanding the problem statement first.

Scenario:

Search for the library which Google Inc has changed for "AndroidX" and include in project

Solution :

Go to Artifact Mappings page of Android Developer Site and Search for your desired library.

Now go to AndroidX Releases page and check for the current version number

now go to build.gradle[module.app] add the library you want. (ie. CardView in my case) and press
Sync Now and necessary files will be added to your project by gradle.

See the image below:

Now in xml file you should get CardView or something you have just imported.

NB: pictures included here are (the first two) taken from Android Developer's Page which belongs to Google Inc and could be different depending on the time you see. See this post's posting time.

Excellent answer - well explained. – Brian Douglas Moakley Oct 16 '19 at 18:50 — Brian Douglas Moakley, Oct 16 '19 at 18:50

Gabriele Mariotti · Answer 3 · 2020-08-17T09:15:43.313

29

You have 2 different options:

Material Components MaterialCardView

Just add:

implementation 'com.google.android.material:material:1.2.0'

and in your xml you can use:

 <com.google.android.material.card.MaterialCardView
  ...>

Androidx CardView

Just add:

implementation 'androidx.cardview:cardview:1.0.0'

and in your xml you can use:

<androidx.cardview.widget.CardView>

They are different:

MaterialCardView extends androidx.cardview.widget.CardView and provides all of the features of CardView and

add support for checking and dragging
uses a MaterialComponents theme by default (it uses by deafult the style Widget.MaterialComponents.CardView)
support the ShapeAppearanceModel
adds attributes for customizing the stroke

edited Aug 17 '20 at 09:15

answered Sep 07 '19 at 11:56

Gabriele Mariotti

320,139
94
887
841

I'm sorry but all reference links you posted is now invalid. Is your answer correct with current android version? – nynohu Jul 27 '20 at 07:48
@nynohu Thanks for feedback.Links just fixed. And yes both work with current android version. – Gabriele Mariotti Jul 27 '20 at 08:00
@GabrieleMariotti thank you for this. The docs and codelabs seem to be horribly out of sync with 4.0.1 now. Makes it a nightmare to try and learn this stuff right now. – Paula Livingstone Aug 17 '20 at 10:05

ugali soft · Answer 4 · 2019-09-07T20:21:54.393

28

For AndroidX, Add in gradle dependencies

implementation 'androidx.cardview:cardview:1.0.0'

Then in xml-layout use

<androidx.cardview.widget.CardView

edited Sep 07 '19 at 20:21

answered Aug 10 '19 at 09:50

ugali soft

2,719
28
25

score 13 · Answer 5 · answered Jul 19 '19 at 07:50

13

Add 'androidx.cardview:cardview:1.0.0' in gradle dependencies and modify xml accordingly.

answered Jul 19 '19 at 07:50

Rakesh Kumar

335
3
7

Questioner have added 'androidx.cardview:cardview:1.0.0' into its dependencies as mentioned in the question. – Jerry Chong Jul 28 '19 at 15:14
But mentioning this thing help me lot, because I have forgotten – Noor Hossain Jul 30 '19 at 16:30
@JerryChong: But questioner did not change in xml file. There he mentioned 'android.support.v7.widget.CardView' in xml Tag. – Rakesh Kumar Aug 08 '19 at 10:52
i had tried most of the answers and this one worked for me – Anubhav Pandey Dec 05 '19 at 10:06

Jerry Chong · Answer 6 · 2019-07-28T15:11:53.210

5

Replace this line

from

<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"

to

<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"

This will work fine in AndroidX.

edited Jul 28 '19 at 15:11

answered May 21 '19 at 03:23

Jerry Chong

7,954
4
45
40

@ugali soft In the question descriptions, it already added "implementation 'androidx.cardview:cardview:1.0.0'". Therefore, it is not required to add this dependency again. – Jerry Chong Sep 08 '19 at 00:41
Yap Sure, For the first time it was confusing me i came direct to this answer without adding dependency. – ugali soft Sep 08 '19 at 04:08
@ugali soft Noted. – Jerry Chong Sep 08 '19 at 05:38

score 2 · Answer 7 · edited Aug 11 '19 at 08:45

2

implementation com.google.android.material:material:1.0.0

to

implementation com.google.android.material:material:1.0.0-alpha1

it is download all design related class. its work for Me

edited Aug 11 '19 at 08:45

dabo248

3,367
4
27
37

answered Aug 11 '19 at 05:55

Kashif khan

29
2

score 1 · Answer 8 · answered Nov 17 '19 at 05:02

1

I had the same problem in Android Studio 3.5.1. It worked for me:

def cardview_version = "1.0.0"
implementation "androidx.cardview:cardview:$cardview_version"


xmln: <androidx.cardview.widget.CardView>....

answered Nov 17 '19 at 05:02

Victor Morales

43
1
6

score 0 · Answer 9 · answered May 15 '20 at 11:07

0

Changes in : 1. build.gradle(:app)

dependencies {
...
implementation 'androidx.cardview:cardview:1.0.0' 
....
}

2. in xml section:

<androidx.cardview.widget.CardView>
...
</androidx.cardview.widget.CardView>

answered May 15 '20 at 11:07

abir-cse

507
3
12

score 0 · Answer 10 · answered Jan 10 '21 at 07:12

 implementation 'androidx.cardview:cardview:1.0.0' // must add this ``


               <androidx.cardview.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_marginLeft="25dp"
                android:layout_marginTop="20dp"
                android:id="@+id/game_id"
                android:layout_marginRight="25dp"
                app:cardBackgroundColor=""
                app:cardCornerRadius="15dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:orientation="horizontal"
                    android:layout_height="match_parent">

                    <ImageView
                        android:layout_width="130dp"
                        android:layout_height="170dp"
                        android:layout_gravity="center"
                        android:layout_marginLeft="5dp"
                        android:background="@drawable/gamess">

                    </ImageView>


                    <TextView
                        android:layout_width="130dp"
                        android:layout_marginLeft="20dp"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/game"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="10dp"
                        android:gravity="center"
                        android:text="Gamensjnjdhddgsgddgjsdjsdgjsgdjsgddgjsdjsdjg"
                        android:textColor="@color/white_color"
                        android:textSize="16dp"
                        android:textStyle="bold">

                    </TextView>
                </LinearLayout>

            </androidx.cardview.widget.CardView>

[![Blockquote][1]][1]

implementation 'androidx.cardview:cardview:1.0.0' must add this — Aqif, Jan 10 '21 at 07:13

How to add cardview in layout xml in AndroidX

10 Answers10

Linked

Related