Tuesday, December 15, 2015

android - How to change CardView background color

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context=".MainActivity"
    android:background="#ffffff"
    >
    <!--
        CardView
            A FrameLayout with a rounded corner background and shadow.
            CardView uses elevation property on L for shadows and falls back to a custom shadow
            implementation on older platforms.
    -->
    <!--
        android.support.v7.cardview:cardBackgroundColor
            Background color for CardView.
            Must be a color value, in the form of "#rgb", "#argb", "#rrggbb", or "#aarrggbb".
            This may also be a reference to a resource (in the form "@[package:]type:name") or theme
            attribute (in the form "?[package:][type:]name") containing a value of this type.

            This is a private symbol.

        Related Methods
            setCardBackgroundColor(int)
    -->
    <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"
        card_view:cardCornerRadius="5dp"
        card_view:contentPadding="25dp"
        card_view:cardBackgroundColor="#e4bfef"
        card_view:cardElevation="4dp"
        card_view:cardMaxElevation="6dp"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Background Color Set In XML File"
            android:textSize="20sp"
            android:textStyle="bold"
            android:layout_gravity="center"
            android:gravity="center"
            />
    </android.support.v7.widget.CardView>
    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view_bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        card_view:cardCornerRadius="5dp"
        card_view:contentPadding="25dp"
        android:layout_below="@id/card_view_top"
        card_view:cardElevation="4dp"
        card_view:cardMaxElevation="6dp"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Background Color Set In Java File"
            android:textSize="20sp"
            android:textStyle="bold"
            android:layout_gravity="center"
            android:gravity="center"
            />
    </android.support.v7.widget.CardView>
</RelativeLayout>
MainActivity.java

package com.cfsuman.me.androidcode;

import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.CardView;
import android.view.Window;


public class MainActivity extends AppCompatActivity {
    private Context mContext;

    private CardView mCardViewTop;
    private CardView mCardViewBottom;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // Request window feature action bar
        requestWindowFeature(Window.FEATURE_ACTION_BAR);
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Get the application context
        mContext = getApplicationContext();

        // Change the action bar color
        getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.parseColor("#FFFF0004")));

        // Get the widgets reference from XML layout
        mCardViewTop = (CardView) findViewById(R.id.card_view_top);
        mCardViewBottom = (CardView) findViewById(R.id.card_view_bottom);

        /*
            public void setCardBackgroundColor (int color)
                Updates the background color of the CardView

            Related XML Attributes
                android.support.v7.cardview:cardBackgroundColor

            Parameters
                color : The new color to set for the card background
        */

        // Set the CardView background color programmatically
        mCardViewBottom.setCardBackgroundColor(Color.parseColor("#FFC9CCF1"));
        //mCardViewBottom.setCardBackgroundColor(Color.CYAN);
        //mCardViewBottom.setCardBackgroundColor(Color.parseColor("#35C9CCF1"));
    }
}
build.gradle [dependencies]

compile 'com.android.support:cardview-v7:23.0.1'