Cómo personalizar cardview?

¿Cómo puedo personalizar cardview de tal manera (la parte superior izquierda)?

En mi manera, si agrego 3 cajas corored (azul, gris, blanco) consigo siempre una frontera fina en el perímetro de la caja cardview. ¿Algún ejemplo? Gracias.

Ejemplo

¿Has probado con un diseño relativo?

 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_width="match_parent" android:layout_height="230dp" android:layout_marginBottom="@dimen/cardMarginVertical" android:layout_marginLeft="@dimen/cardMarginHorizontal" android:layout_marginRight="@dimen/cardMarginHorizontal" android:layout_marginTop="@dimen/cardMarginVertical" app:cardCornerRadius="2dp" app:cardElevation="2dp" app:cardPreventCornerOverlap="false" app:contentPadding="0dp"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <!--Circle image View--> <de.hdodenhof.circleimageview.CircleImageView android:layout_width="50dp" android:layout_height="50dp" android:layout_marginLeft="270dp" android:layout_marginTop="220dp" android:id="@+id/circleViewDiscount" android:src="@drawable/border_white"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="10.19\nSaturday\n 30th August 2015" android:textSize="23dp" android:textColor="#08ec38" android:id="@+id/textViewPirceTag"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:margin_Top="50dp" <!--Style the height--> android:orientation="horizontal"> <!--Add element here--> </LinearLayout> </RelativeLayout> </android.support.v7.widget.CardView> </FrameLayout> 
  • Bordes rectangulares para Custom SeekBar
  • ¿Cómo implementar la vista de pila personalizada en android?
  • Cómo personalizar la carta de vista previa de desplazamiento rápido
  • Cómo hacer que el mensaje de tostadas personalizado tome toda la pantalla
  • Personalización del spinner de Actionbar
  • Cambiar el color del cursor editext en API 12
  • Cuerdas Android dependientes del tema
  • Tostada personalizada en la parte superior de la pantalla
  • Uso de Textview personalizado en estilo
  • Android ActionBar Personalizar Buscar Ver
  • Cómo personalizar los elementos de la lista en un AlertDialog de Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.