Change the background color of CardView programmatically

Question

The CardView has an attribute card view cardBackgroundColor to define the background color  This attribute works fine   At the same time there isn t a method to change the color dynamically   I ve just tried solutions like   mCardView setBackgroundColor         or using a Layout inside the cardView      lt android support v7 widget CardView gt           lt LinearLayout             android id    id inside layout  gt       lt  android support v7 widget CardView gt      View insideLayout   mCardView findViewById R id inside layout    cardLayout setBackgroundColor XXXX     These solutions don t work because the card has a cardCornerRadius

User · Answer

You can use this in XML  card view cardBackgroundColor   android color white    or this in Java  cardView setCardBackgroundColor Color WHITE

User · Answer

I used this code to set programmatically   card setCardBackgroundColor color     Or in XML you can use this code   card view cardBackgroundColor   android color white

User · Answer

A little late here  amp  partially off topic since this is not programmatically but I find it best to setup styles for Widgets and you can do this for a CardView just create a style it will keep your xml cleaner      lt style name  MyCardViewStyle  parent  CardView  gt       lt  -- Card background color -- gt       lt item name  cardBackgroundColor  gt  android color white lt  item gt       lt  -- Ripple for API 21 of android  and regular selector on older -- gt       lt item name  android foreground  gt  android selectableItemBackground lt  item gt       lt  -- Resting Elevation from Material guidelines -- gt       lt item name  cardElevation  gt 2dp lt  item gt       lt  -- Add corner Radius -- gt       lt item name  cardCornerRadius  gt 2dp lt  item gt       lt item name  android clickable  gt true lt  item gt       lt item name  android layout margin  gt 8dp lt  item gt   lt  style gt    this is using android support v7 widget CardView   and then setting the style in the layout file     lt  xml version  1 0  encoding  utf-8   gt    lt android support v7 widget CardView      xmlns android  http   schemas android com apk res android       android layout height  wrap content       android layout width  match parent       style   style MyCardViewStyle  gt       lt  -- Other fields-- gt    lt  android support v7 widget CardView gt    you need to import the appcompat-v7 library using Android studio via gradle    dependencies        compile  com android support appcompat-v7 22 2 0       hope this helps  happy coding

User · Answer

Simplest way for me is this one  Kotlin   card item backgroundTintList   ColorStateList valueOf Color parseColor   fc4041

User · Answer

Use the property card view cardBackgroundColor    lt android support v7 widget CardView xmlns card view  http   schemas android com apk res-auto      android id    id card view      android layout width  fill parent      android layout height  150dp      android layout gravity  center      card view cardCornerRadius  4dp      android layout margin  10dp      card view cardBackgroundColor   fff       gt

User · Answer

I was having a similar issue with formatting CardViews in a recylerView   I got this simple solution working  not sure if it s the best solution  but it worked for me   mv cardView getBackground   setTint Color BLUE    It gets the background Drawable of the cardView and tints it

User · Answer

You can use below  cardview setBackgroundColor Color parseColor   EAEDED

User · Answer

I came across the same issue while trying to create a cardview programmatically  what is strange is that looking at the doc https   developer android com reference android support v7 widget CardView html setCardBackgroundColor 28int 29  Google guys made public the api to change the background color of a card view but weirdly i didn t succeed to have access to it in the support library  so here is what worked for me   CardViewBuilder java      mBaseLayout   new FrameLayout context          FrameLayout Params     FrameLayout LayoutParams baseLayoutParams   new FrameLayout LayoutParams ViewGroup LayoutParams MATCH PARENT              ViewGroup LayoutParams WRAP CONTENT       mBaseLayout setLayoutParams baseLayoutParams           Create the card view      mCardview   new CardView context       mCardview setCardElevation 4f       mCardview setRadius 8f       mCardview setPreventCornerOverlap true      The default value for that attribute is by default TRUE  but i reset it to true to make it clear for you guys     CardView LayoutParams cardLayoutParams   new FrameLayout LayoutParams ViewGroup LayoutParams MATCH PARENT              ViewGroup LayoutParams WRAP CONTENT       cardLayoutParams setMargins 12  0  12  0       mCardview setLayoutParams cardLayoutParams          Add the card view to the BaseLayout     mBaseLayout addView mCardview           Create a child view for the cardView that match it s parent size both vertically and horizontally        Here i create a horizontal linearlayout  you can instantiate the view of your choice     mFilterContainer   new LinearLayout context       mFilterContainer setOrientation LinearLayout HORIZONTAL       mFilterContainer setPadding 8  8  8  8       mFilterContainer setLayoutParams new FrameLayout LayoutParams ViewGroup LayoutParams MATCH PARENT              ViewGroup LayoutParams MATCH PARENT  Gravity CENTER            And here is the magic to get everything working        I create a background drawable for this view that have the required background color        and match the rounded radius of the cardview to have it fit in      mFilterContainer setBackgroundResource R drawable filter container background           Add the horizontal linearlayout to the cardview      mCardview addView mFilterContainer     filter container background xml   lt shape xmlns android  http   schemas android com apk res android  android shape  rectangle  gt   lt corners android radius  8dp   gt   lt solid android color   android color white   gt      Doing that i succeed in keeping the cardview shadow and rounded corners

User · Answer

In JAVA  cardView setCardBackgroundColor 0xFFFEFEFE     android use ARGB colors  you can use like this  0xFF   RGB COLOR --Hard-coded color

User · Answer

Cardview is a bit coy  I had list of colors in my structure and Model is like  class ModelColor   Serializable    var id  Int    0 var title  String       var color  Int    0   HERE IS THE COLOR FIELD WE WILL USE  constructor id  Int   title  String   color  Int         this id   id     this title   title     this color   color        load the model with color  last item on constructure taking from R color   list add ModelColor 2  getString R string orange   R color orange 500     and finaly you can setBackgriundResource   cv add goal choose color setBackgroundResource color

User · Answer

You can use this in java   cardView setCardBackgroundColor Color parseColor   cac8a0      code color form http   www color-hex com

User · Answer

I finally got the corners to stay   This is c   Xamarin Android  in ViewHolder   CardView   itemView FindViewById lt CardView gt  Resource Id cdvTaskList     In Adapter   vh CardView SetCardBackgroundColor Color ParseColor   4dd0e1

User · Answer

try it works easy    lt android support v7 widget CardView     xmlns android  http   schemas android com apk res android      xmlns card view  http   schemas android com apk res-auto      card view cardBackgroundColor   fff      card view cardCornerRadius  9dp      card view cardElevation  4dp      android layout width  fill parent      android layout height  fill parent      android paddingTop  10dp      android paddingBottom  10dp  gt

User · Answer

It is very simple in kotlin  Use ColorStateList to change card view colour     var color   R color green     cardView setCardBackgroundColor context colorList color      A kotlin extension of ColorStateList   fun Context colorList id  Int   ColorStateList       return ColorStateList valueOf ContextCompat getColor this  color

User · Answer

I have got the same problem on Xamarin Android - VS  2017   The Solution that worked for me   SOLUTION  In your XML file add    xmlns card view  http   schemas android com apk res-auto    and in your  android support v7 widget CardView element add this propriety   card view cardBackgroundColor   ffb4b4     i e     lt android support v7 widget CardView     android layout width  fill parent      android layout height  wrap content      android layout gravity  center horizontal      android layout margin  12dp      card view cardCornerRadius  4dp      card view cardElevation  1dp      card view cardPreventCornerOverlap  false      card view cardBackgroundColor   ffb4b4    gt    You can also add cardElevation and cardElevation   If you want to edit the cardview programmatically you just need to use this code   For  C        cvBianca   FindViewById lt Android Support V7 Widget CardView gt  Resource Id cv bianca       cvBianca Elevation   14      cvBianca Radius   14      cvBianca PreventCornerOverlap   true      cvBianca SetCardBackgroundColor Color Red     And now you can change background color programmatically without lost border  corner radius and elevation

User · Answer

What you are looking for is   CardView card       card setCardBackgroundColor color     In XML    card view cardBackgroundColor   android color white    Update   in XML  app cardBackgroundColor   android color white

User · Answer

In Kotlin  I was able to change the background color like this   var card  CardView   itemView findViewById com mullr neurd R id learn def card  card setCardBackgroundColor ContextCompat getColor main R color selected     Then if you want to remove the color  you can do this   card setCardBackgroundColor Color TRANSPARENT    Using this method I was able to create a selection animation  https   gfycat com equalcarefreekitten

User · Answer

The way it s set in the initialize method uses the protected RoundRectDrawable class  like so   RoundRectDrawable backgroundDrawable   new RoundRectDrawable backgroundColor  cardView getRadius     cardView setBackgroundDrawable backgroundDrawable     It s not pretty  but you can extend that class  Something like   package android support v7 widget   public class MyRoundRectDrawable extends RoundRectDrawable        public MyRoundRectDrawable int backgroundColor  float radius            super backgroundColor  radius              then   final MyRoundRectDrawable backgroundDrawable   new MyRoundRectDrawable bgColor              mCardView getRadius     mCardView setBackgroundDrawable backgroundDrawable     EDIT  This won t give you the shadow on  lt  API 21  so you d have to do the same with RoundRectDrawableWithShadow    There doesn t appear to be a better way to do this

[android] Change the background color of CardView programmatically

Examples related to android

Examples related to android-5.0-lollipop

Examples related to android-cardview