Obsługa Android-v7 CardView: widok tekstowy nagłówka z innym kolorem tła nie rozciąga się aż do krawędzi

Question

Chcę utworzyć układ z CardView, który zawiera nagłówek z innym kolorem tła, podobny do tego, który jest wyświetlany w bieżącym Google Teraz ekran (patrz poniżej).

ciemniej zabarwiony nagłówek (zawierający tekst „iPhone 6”) rozciąga się całkowicie na brzegach i zaokrąglone narożniki CardView.

Próbowałem zbudować podobny CardView z biblioteką support-v7 (android.support.v7.widget.CardView).

Zrzut ekranu poniżej.

W moim przypadku, niebieski kolor tła nagłówka jednak nie w pełni rozszerzyć w kierunku krawędzi mojego CardView. Na lewej, górnej i prawej krawędzi widoczne jest małe białe obramowanie (kolor tła CardView). Wydaje się to być konsekwencją zaokrąglonych narożników CardView.

Jak mogę uzyskać kolor tła mojego nagłówka (TextView), aby całkowicie rozszerzyć się w kierunku krawędzi i zaokrąglonych rogów mojego CardView?

To jest odpowiednia część mojego pliku XML szablonu:

<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> 

Answer 1

Dodaj ten kod do swojej karty w xml:

card_view:cardPreventCornerOverlap="false" 

A teraz będzie rozciągać się przez całą drogę.