Próbuję używać CardView
i działa dobrze poniżej 5,0, ale wygląda dziwnie na Lollipopie.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">
<android.support.v7.widget.CardView android:layout_width="match_parent"
android:layout_height="200dp">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="card1"
android:textAppearance="?android:attr/textAppearanceLarge" />
</android.support.v7.widget.CardView>
<android.support.v7.widget.CardView android:layout_width="match_parent"
android:layout_height="200dp">
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="card2"
android:textAppearance="?android:attr/textAppearanceLarge" />
</android.support.v7.widget.CardView>
</LinearLayout>
Spotykam się z tym samym pytaniem, kiedy używam RecyclerView
, czy powinienem coś dodać, jeśli działa na Lollipopie?
android
android-cardview
cajsaiko
źródło
źródło
LinearLayout
między kartamiOdpowiedzi:
Ustaw to na
CardView
:app:cardUseCompatPadding="true"
Z dokumentacji:
źródło
android:divider="@null"
.Użyj poniższych dwóch tagów w widoku karty:
app:cardPreventCornerOverlap="false" app:cardUseCompatPadding="true"
źródło
pierwszy obraz przedstawia oczekiwane zachowanie widoku karty. gdy karta ma wzniesienie, cień pada na dolne warstwy. W urządzeniach typu pre-lollipop elewacja jest wykonywana przez dodanie wyściółki. więc urządzenia sprzed wersji Lollipop będą miały dopełnienie wokół widoku karty.
źródło
Musisz dodać
app:cardUseCompatPadding="true"
do swojegoCardview
. Ale samo dodanie tego może spowodować błąd. Aby uniknąć tego błędu, musisz również dodaćxmlns:app="http://schemas.android.com/apk/res-auto"
do swojegoCardView
.Na przykład,
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_height="wrap_content" android:layout_width="match_parent" app:cardUseCompatPadding="true"> // Other views here </android.support.v7.widget.CardView>
Niektórzy dodaliby
card_view:cardUseCompatPadding="true"
ixmlns:card_view="http://schemas.android.com/apk/res-auto"
zamiast tych wymienionych powyżej. Oba sposoby są poprawne.Jeśli chcesz dowiedzieć się więcej o aplikacji w formacie XML (Android), skorzystaj z tej odpowiedzi :
Chociaż poprzednie odpowiedzi rozwiążą problem, nie wyjaśniły, co robi każdy atrybut. Aby być bardziej pomocnym w szukaniu odpowiedzi,
cardPreventCornerOverlap
atrybut dodaje dopełnienie do CardView w wersji 20 i wcześniej, aby zapobiec przecięciom między zawartością karty i zaokrąglonymi narożnikami.cardUseCompatPadding
atrybut dodaje dopełnienie w API v21 +, aby mieć takie same wymiary jak w poprzednich wersjach.źródło