Cardview In Androidx – Material Design

There are so many properties in Android Material Design. In this tutorial we discuss about cardview. In Material Design Cardview we can design so many things at creative way.

Cardview – It is a material design component in 2014. It is very easy to use and understand for android developers. The main pupose of cardview is a looking good interface in Listview and all other feature like images and text. You can also changed some color in cardview with allegant background and use in proper manner.

How to Implement Cardview in Android App?

First of all you have to add cardview support library in your build.gradle file. And then click on sync button in Android Studio. So After successfull added you can use cardview on your app. Below code of support library.

implementation 'androidx.cardview:cardview:1.0.0'

Now you can add cardview in your XML File.

<androidx.cardview.widget.CardViewxmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_Data"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

Now there are so many properties of cardview.

Give Effect of Cardview clickevent. Code given Below

android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"

if you want to change cardview background color then use this code for the cardview.

card_view:cardBackgroundColor="#FFF" // (XML)

In JAVA

cardView.setCardBackgroundColor(Color.WHITE); // (JAVA)

Give Cardview Corner shape. Use this code

card_view:cardCornerRadius="7dp" // (XML)

In JAVA

[php] cardView.setRadius(0); // (JAVA) [/php]

If you want to give elevation of cardview. Then use this code

[php] card_view:cardElevation=”7dp” // (XML) [/php]

In JAVA

[php] cardView.setCardElevation(2.1f); // (JAVA) [/php]

Give content padding in cardview. Use below code.

[php] card_view:contentPadding=”7dp” // (XML) [/php]

In JAVA

[php] cardView.setContentPadding(30, 30, 30, 0); // (JAVA) [/php]

Comments

No comments yet. Why don’t you start the discussion?

    Leave a Reply