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> 

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

 card_view:cardPreventCornerOverlap="false" 

Y ahora se extenderá todo el camino.

  • Disposición del botón de Android: consigue dos botones lado a lado en toda la pantalla
  • Línea de archivo XML binario # 26: Error al inflacionar la clase android.widget.TextView
  • El enfoque de EditText es inconsistente en todos los diseños
  • org.w3c.dom.Node con la versión de Android menos de 2.2
  • Cómo crear gradiente como Iphone Edittext cuadro en android
  • setting screenOrientation en AndroidManifest.xml no funciona
  • Android: Utilizar matriz de color en XML
  • Indicador de actualización de Android SwipeRefreshLayout no visible
  • Cómo cambiar la casilla de verificación (marcar casilla) color a blanco en android XML
  • Protobuf streaming (serialización perezosa) API
  • ¿Cómo asignar id únicos a las vistas creadas dinámicamente?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.