Como crear un CardView en Android

Android CardView Example

Hola amigos comenzaremos con este tutorial y aprenderemos a utilizar el CardView que es un control similar a los RelativeLayout y LinearLayout. Ya veremos como se desarrolla este ejemplo del CardView.

Crear Proyecto CardView Example

Crearemos un proyecto en Android para desarrollar este ejemplo de CardView. (Aquí)

CardView Layout Design

Vamos a agregar nuestro CardView pero antes de esto debemos agregar la dependencia de este control.

compile 'com.android.support:cardview-v7:21.0.+'

Con esto listo podemos seguir diseñando nuestra aplicación y ahora en el activity_main.xml.

El diseño nos quedaría de la siguiente manera.

<?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:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:card_view="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:orientation="vertical"
 tools:context=".MainActivity">

 <android.support.v7.widget.CardView
 android:id="@+id/card1"
 android:layout_width="match_parent"
 android:layout_height="200dp"
 card_view:cardBackgroundColor="#cbcbcb" >

 <TextView
 android:id="@+id/txt1"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:padding="10dp"
 android:text="Universo Android" />

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

 <android.support.v7.widget.CardView
 android:id="@+id/card2"
 android:layout_width="match_parent"
 android:layout_height="200dp"
 card_view:cardCornerRadius="6dp"
 card_view:cardElevation="10dp"
 card_view:cardUseCompatPadding="true" >

 <ImageView
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:src="@drawable/android"
 android:scaleType="centerCrop"/>

 <TextView
 android:id="@+id/txt2"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:padding="10dp"
 android:text="Android Studio CardView"
 android:layout_gravity="bottom"
 android:background="#8c000000"
 android:textColor="#ffe3e3e3"
 android:textSize="20sp"
 android:textStyle="bold"/>

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

Nuestros CardView que muestra un TextView y el CardView que muestra un ImageView.

Crear Emulador AVD (Aquí)

Con esto crearemos nuestro emulador para ver el diseño de nuestro CardView en ejecución  con nuestro amulador AVD.

Con esto quedaría lista nuestra aplicación cualquier duda que tengas déjanos tu comentario con gusto te responderemos.

Descargar.

Un programa en C es como un baile rápido en una pista de baile recién encerado por personas que llevan navajas de afeitar
- Waldi Ravens.