Biała przestrzeń z CardView na urządzeniach pre-lollipop

Question

Próbuję dodać zaokrąglenia i cienie do niektórych widoków aplikacji i korzystam z biblioteki widoku kart, aby to osiągnąć. Wygląda dobrze na urządzeniach Lollipop, ale mam problemy ze zgodnością z czymkolwiek przed Lollipopem.

Przedmówię to, mówiąc, że przyjrzałem się odpowiedziom w poniższych pytaniach, stwierdziłem, że żadna z nich nie działa dla mnie.

• Appcompat CardView and Picasso no rounded Corners
• Cardview - white border around card
• Unnecessary padding in CardView?

Najpopularniejszą odpowiedzią było dodać atrybut 'cardPreventOverlap = false', ale ten usuwa zaokrąglone narożniki. Próbowałem wariacje tej flagi i "cardUseCompatPadding =" true ", ale żadna z nich nie wydaje się zdziałać. Czy ktoś inny ma podobny problem?

Mój kod:

<android.support.v7.widget.CardView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="8dp" 
    card_view:cardCornerRadius="4dp"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/selector" 
     android:gravity="center" 
     android:orientation="horizontal" > 

     <ImageView 
      android:layout_width="44dp" 
      android:layout_height="match_parent" 
      android:layout_marginRight="4dp" 
      android:background="@color/mid_yellow" 
      android:padding="0dp" 
      android:src="@drawable/ic_add_white_24dp" /> 

     <TextView 
      style="@style/Text.Primary.White" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_margin="4dp" 
      android:text="Button" /> 
    </LinearLayout> 

Jak to wygląda obecnie na Android 5.0:

Dokładna sam kod na 4.4.2 wyświetlaczy jak:

Z 'cardPreventOverlap = false':

Aktualizacja Niestety nie byliśmy w stanie rozwiązać ten problem; biorąc pod uwagę, że aplikacja miała tylko małą bazę instalacyjną pre5.0, zdecydowaliśmy, że nie jest to ważne. W końcu wybraliśmy trzecią opcję "cardPreventOverlap = false".

Answer 1

Zamiast card_view:cardCornerRadius można ustawić background z cardview z drawable jak:

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#FFFFFF"/> 
    <corners android:radius="4dip"/> 
</shape> 

Można również zrobić to dla każdego elementu w swoim cardview takie, że trzeba dla każdego elementu prawidłowy kolor tła . W takim przypadku można określić tylko niektóre z narożników:

<corners 
    android:topLeftRadius="4dp" 
    android:bottomLeftRadius="4dp"/> 

Dla + przycisku na przykład.

Funkcja ta w połączeniu z cardUseCompatPadding="true"

Answer 2

Content przycinania nie jest obsługiwany, ponieważ jest dość drogie na starszych urządzeniach. Jeśli chcesz, możesz użyć Carbon. Ma własną implementację CardView, która poprawnie klipuje zawartość do zaokrąglonych rogów. Carbon dodaje również obcinanie i elewację zawartości do wszystkich innych układów, więc do Twojego celu możesz użyć LinearLayout z zaokrąglonymi narożnikami i cieniem.Zobacz obraz: