CardView background color always white

Question

I use RecyclerView with GridLayoutManager and have each item as CardView.

Unfortunately, the CardView here does not seem to change its background color. I tried in layout and programmatically as well but I have tried nothing seems to work.

I have been struggling for quite a while. I would appreciate it if someone could help me out with this issue.

card_view:cardBackgroundColor="@android:color/white" check with this. — santosh kumar, Jan 09 '17 at 16:55
It's very long code hence I didn't post it. Let me post some relevant code. — Ishaan, Jan 09 '17 at 16:56
While I was going through the code to post here, I found that somewhere I had put cardView.setCardBackgroundColor(Color.WHITE); which was the reason it always was white. — Ishaan, Jan 10 '17 at 06:46

score 450 · Accepted Answer · edited May 31 '18 at 15:19

450

If you want to change the card background color, use:

app:cardBackgroundColor="@somecolor"

like this:

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardBackgroundColor="@color/white">

</android.support.v7.widget.CardView>

Edit: As pointed by @imposible, you need to include

xmlns:app="http://schemas.android.com/apk/res-auto"

in your root XML tag in order to make this snippet function

edited May 31 '18 at 15:19

Leonardo Sibela

1,613
1
18
39

answered Jan 09 '17 at 17:01

Leandro Borges Ferreira

12,422
10
53
73

1

It worked for me when I used it like this ---> card_view:cardBackgroundColor="@color/white" – Himanshu Mori Oct 26 '17 at 12:02
2

In that, have xmlns:app="http://schemas.android.com/apk/res-auto" included in your layout file. – impossible Nov 08 '17 at 14:20
1

I am using `android.support.v7.widget.CardView`. Using `app:cardBackgroundColor="@somecolor"` worked for me, but `card_view:cardBackgroundColor="@somecolor"` did not. – Zamrony P. Juhara Nov 25 '17 at 05:56

score 48 · Answer 2 · edited Mar 25 '21 at 10:03

48

You can do it either in XML or programmatically:

In XML:

card_view:cardBackgroundColor="@android:color/red"

Programmatically:

cardView.setBackgroundColor(ContextCompat.getColor(this, R.color.my_color));

edited Mar 25 '21 at 10:03

beigirad

4,986
2
29
52

answered Jan 09 '17 at 17:05

Nongthonbam Tonthoi

12,667
7
37
64

1

Thank you for your answer, I solved it. I had changed the color programmatically somewhere which I couldn't spot. – Ishaan Jan 10 '17 at 06:49

score 14 · Answer 3 · edited Jan 31 '23 at 02:35

14

Kotlin for XML

app:cardBackgroundColor="@android:color/red"

Programmatically:

cardName.setCardBackgroundColor(ContextCompat.getColor(this, R.color.colorGray));

edited Jan 31 '23 at 02:35

emen

6,050
11
57
94

answered Apr 25 '19 at 14:19

Mohammed Rousul

199
3
7

4

Thank you. I used card.setCardBackgroundColor(R.color.bla) previously which leads to very strange results. Getting the color via ContextCompat did the trick for me. – chrjs Jun 29 '20 at 14:40
Correct, the key is to use the ContextCompat.getColor instead of setting directly the color. – Christian Mar 17 '21 at 16:03
Worked like a perfect charm – Asad Mehmood Jan 11 '22 at 11:47

yoAlex5 · Answer 4 · 2023-08-28T17:13:29.197

Android CardView background color

XML code

<android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardCornerRadius="5dp"
        app:contentPadding="25dp"
        app:cardBackgroundColor="#e4bfef"
        app:cardElevation="4dp"
        app:cardMaxElevation="6dp" />

From the code

CardView card = findViewById(R.id.card_view_top);
card.setCardBackgroundColor(Color.parseColor("#E6E6E6"));

score 3 · Answer 5 · answered Oct 16 '21 at 12:26

3

In XML:

app:cardBackgroundColor="@color/your_color_name"

Both in Java and Kotlin you can do it programmatically:

cardView.setCardBackgroundColor(ContextCompat.getColor(this, R.color.your_color_name));

answered Oct 16 '21 at 12:26

Alireza Noorali

3,129
2
33
80

score 0 · Answer 6 · answered Jul 22 '22 at 14:16

0

If still not visible in design view, you can temporarily remove these lines

app:cardUseCompatPadding="true"

or

card_view:cardUseCompatPadding="true"

If you need them, you can then add them back at build time

answered Jul 22 '22 at 14:16

DPRK

1
1

score 0 · Answer 7 · answered Jan 07 '23 at 17:07

0

If someone still gets the white color instead of the color he picked, just change the emulator you working on, that's works for me

answered Jan 07 '23 at 17:07

jenos kon

504
4
7

score -2 · Answer 8 · edited Dec 18 '18 at 11:38

-2

app:cardBackgroundColor="#488747"

use this in your card view and you can change a color of your card view

edited Dec 18 '18 at 11:38

Vishnu Haridas

7,355
3
28
43

answered Jul 13 '18 at 10:23

BlackBlind567

9

score -2 · Answer 9 · edited Jun 11 '19 at 16:49

-2

You can use

app:cardBackgroundColor="@color/red"

or

android:backgroundTint="@color/red"

edited Jun 11 '19 at 16:49

Thomas Dondorf

23,416
6
84
105

answered Jun 11 '19 at 16:34

Rania

1
2

CardView background color always white

9 Answers9

Linked

Related