Android support-v7 CardView: La vista de texto de encabezado con otro color de fondo no se extiende hasta que los bordes

Quiero crear un diseño con un CardView, que contiene un encabezado con otro color de fondo, similar al que se muestra en la pantalla actual de Google Now (ver abajo).

Introduzca aquí la descripción de la imagen

El encabezado de color más oscuro (que contiene el texto "iPhone 6") se extiende completamente hacia los bordes y las esquinas redondeadas del CardView.

Intenté construir un CardView similar con la biblioteca support-v7 (android.support.v7.widget.CardView).

Captura de pantalla abajo.

Introduzca aquí la descripción de la imagen

En mi caso, el color de fondo azul de la cabecera, sin embargo, no se extienden completamente hacia los bordes de mi CardView. Hay un pequeño borde blanco (el color de fondo del CardView) visible en los bordes izquierdo, superior y derecho. Esto parece ser una consecuencia de las esquinas redondeadas del CardView.

¿Cómo puedo obtener el color de fondo de mi encabezado (un TextView), para extender completamente hacia los bordes y las esquinas redondeadas de mi CardView?

Esta es la parte relevante de mi archivo de diseño xml:

<android.support.v7.widget.CardView android:id="@+id/calendar_detail_time_card" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/calendar_detail_title_card" android:layout_margin="6dp" card_view:cardCornerRadius="3dp" card_view:cardUseCompatPadding="true"> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@color/white" android:background="@color/primaryColor" android:padding="8dp" android:textSize="@dimen/calendar_detail_large" android:textStyle="bold" android:id="@+id/header_when" android:text="@string/header_when" tools:text="When?"/> <ImageButton android:id="@+id/calendar_detail_add_to_calendar_button" style="?android:borderlessButtonStyle" android:layout_width="@dimen/calendar_detail_add_to_calendar_image" android:layout_height="@dimen/calendar_detail_add_to_calendar_image" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:src="@drawable/ic_calendar_red" /> <TextView android:id="@+id/calendar_detail_time" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/header_when" android:padding="8dp" tools:text="Time" /> </RelativeLayout> </android.support.v7.widget.CardView> 

One Solution collect form web for “Android support-v7 CardView: La vista de texto de encabezado con otro color de fondo no se extiende hasta que los bordes”

Añadir este código a tu tarjeta en xml:

 card_view:cardPreventCornerOverlap="false" 

Y ahora se extenderá todo el camino.

  • Diseño responsable para todos los dispositivos Android
  • Cómo crear envoltorios xml reutilizables para los archivos de diseño de Android
  • Cómo cambiar el color del texto del botón de radio en Android?
  • Las asignaciones de preferencias compartidas de Android no persisten entre sesiones de emulador
  • Elementos no mostrados en ActionBar con showAsAction = "siempre"
  • Colocación de mi ActionBar en la parte inferior
  • Android ¿Es posible definir un mapa en un archivo XML?
  • Android: InflateException: Línea de archivo XML binario: Error al inflar la clase <unknown>
  • ¿Hay una manera de cargar arbitrariamente recursos en tiempo de ejecución en Android?
  • ¿Cómo agregar el borde coloreado en cardview?
  • Android: Cómo evitar que el diseño se presione cuando se invoca el teclado
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.