CardView

Posted by in Android, Interfaz gráfica, Material Design

Siguiendo con los elementos añadidos en Android 5.0 y la filosofía material design, en este caso se tratará el elemento CardView. Dicho elemento está íntimamente ligado al RecyclerView, ya que tan solo es una forma de representar los ítem de la lista en forma de carta. Para poder utilizar un CardView lo primero que hay que hacer es importar el elemento dentro del Gradle del proyecto mediante la siguiente linea

Una vez hecho esto está a disposición para utilizarlo como elemento XML. Se puede decir que este CardView sustituye al layout convencional con el que se inflaba un RecyclerView. Lo primero que hay que hacer es crear el xml que más adelante se asociará al adaptador:

Dentro del elemento CardView cabe destacar los siguientes elementos:

  • cardCornerRadius: cantidad que se suavizará en las esquinas de la carta
  • elevation: cantidad de sobra paralela que se pondrá para dar un efecto de elevación

El resto de pasos son exactamente iguales que los vistos en el articulo anterior del RecyclerView, con la única diferencia que a la hora de inflar el layout en el adaptador habrá que apuntar al nuevo creado

Agregar menú a CardView

Al representarlos como elementos de una lista con aspecto independiente, es posible que sea interesante agregarles un menú propio. Para ello lo que hay que agregar es un elemento Toolbar que haga las veces de cabecera y se le incluya el menú con las acciones correspondientes. Para ello, una vez construido el archivo xml con los elemento del menú, se agrega el elemento al xml del cardview

Tan solo quedaría referirlo en la clase donde se define el adaptador e inflarlo con el archivo de menú correspondiente