CardView nie wyświetla Shadow w systemie Android L.


123

Moja karta Cardview w widoku listy nie wyświetla cienia w systemie Android L (Nexus 5). Również okrągłe krawędzie nie są prawidłowo pokazane. Oto kod widoku adaptera Listview:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res/com.example.myapp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@android:color/white"
    android:foreground="?android:attr/selectableItemBackground"
    app:cardCornerRadius="4dp"
    app:cardElevation="4dp" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingTop="@dimen/activity_vertical_margin" >

        <TextView
            android:id="@+id/tvName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_marginTop="@dimen/padding_small"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <ImageView
            android:id="@+id/ivPicture"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tvName"
            android:layout_centerHorizontal="true"
            android:scaleType="fitCenter" />

        <TextView
            android:id="@+id/tvDetail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ivPicture"
            android:layout_centerHorizontal="true"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

I ListView xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res/com.example.myapp"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/app_bg" >

<ListView
    android:id="@android:id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:cacheColorHint="#00000000"
    android:divider="@android:color/transparent"
    android:drawSelectorOnTop="true"
    android:smoothScrollbar="true" />

<ProgressBar
    android:id="@+id/progressBarMain"
    style="?android:attr/progressBarStyleLarge"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:visibility="gone" /></RelativeLayout>

Działa dobrze na urządzeniach pre-L z odpowiednim cieniem i zaokrąglonymi rogami. Ale nie działa na urządzeniu z Androidem L. Czy możesz powiedzieć, czego tu brakuje?



@AIL Ale nie używam przezroczystego tła do widoku karty ani żadnego z jego widoków nadrzędnych
isumit,

@isumit Tak, ten sam problem tutaj.
greywolf82

@ greywolf82 na wypadek, gdybyś nie znalazł jeszcze rozwiązania. Dodałem margines do widoku karty i teraz wyświetla cień w Lollipop
isumit

Odpowiedzi:


280

Po ponownym przejrzeniu dokumentacji w końcu znalazłem rozwiązanie.

Po prostu dodaj card_view:cardUseCompatPadding="true"do swojego, CardViewa cienie pojawią się na urządzeniach Lollipop.

To, co się dzieje, to obszar zawartości w CardView przybiera różne rozmiary na urządzeniach typu pre-lollipop i lollipop. Tak więc w urządzeniach typu Lollipop cień jest faktycznie zakryty przez kartę, więc nie jest widoczny. Po dodaniu tego atrybutu obszar zawartości pozostaje taki sam na wszystkich urządzeniach, a cień staje się widoczny.

Mój kod xml wygląda następująco:

<android.support.v7.widget.CardView
    android:id="@+id/media_card_view"
    android:layout_width="match_parent"
    android:layout_height="130dp"
    card_view:cardBackgroundColor="@android:color/white"
    card_view:cardElevation="2dp"
    card_view:cardUseCompatPadding="true"
    >
...
</android.support.v7.widget.CardView>

@ alex-Lockwood można proszę wyjaśnić zmianę tj card_view:cardElevation="2sp"celu card_view:cardElevation="2dp"?
Ram Patra

1
@Ramswaroop spnależy używać tylko do rozmiarów tekstu. dpnależy stosować dla wszystkich innych wymiarów.
Alex Lockwood

I moja sprawa card_view: cardUseCompatPadding było potrzebne. Dodatkowo muszę zmienić targetSdkVersion na 21. Zmiana marży nie ma żadnego efektu.
Remi

@ KishanSolanki124 Myślę, że OP (@isumit) zgubił ten wątek.
Ram Patra,

55

Nie zapominaj, że aby narysować cień, musisz użyć hardwareAcceleratedrysunku

hardwareAccelerated = true

wprowadź opis obrazu tutaj

hardwareAccelerated = false

hardwareAccelerated CardView

Aby uzyskać szczegółowe informacje, zobacz przyspieszenie sprzętowe Androida


10
Akceleracja sprzętowa jest domyślnie włączona, jeśli poziom docelowego interfejsu API wynosi> = 14!
Aksel Fatih

2
To działa,. Ale nie rozumiem powodu tego
Deepak Kumar

54

użyj app:cardUseCompatPadding="true"w widoku karty. Na przykład

<android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginRight="@dimen/cardviewMarginRight"
        app:cardBackgroundColor="@color/menudetailsbgcolor"
        app:cardCornerRadius="@dimen/cardCornerRadius"
        app:cardUseCompatPadding="true"
        app:elevation="0dp">
    </android.support.v7.widget.CardView>

28

sprawdź hardwareAccelerated w manifeście spraw, aby to prawda, uczynienie go false usuwa cienie, gdy fałszywy cień pojawia się w podglądzie XML, ale nie w telefonie.


24

Dodaj tę linię do CardView ....

card_view:cardUseCompatPadding="true" //for enable shadow
card_view:cardElevation="9dp" // this for how much shadow you want to show

Porady

Możesz uniknąć layout_marginTop i layout_marginBottom, ponieważ sam cień zajmuje trochę miejsca w górę iw dół. Ilość miejsca zdefiniowana przez to, ile będziesz używać w card_view: cardElevation = "ndp".

Miłego kodowania (:


22

W końcu udało mi się uzyskać cienie na urządzeniu Lollipop, dodając marginesy do widoku karty. Oto ostateczny układ kart:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:app="http://schemas.android.com/apk/res/com.example.myapp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@android:color/white"
    android:foreground="?android:attr/selectableItemBackground"
    android:layout_marginLeft="@dimen/activity_horizontal_margin"
    android:layout_marginRight="@dimen/activity_horizontal_margin"
    android:layout_marginTop="@dimen/padding_small"
    android:layout_marginBottom="@dimen/padding_small"
    app:cardCornerRadius="4dp"
    app:cardElevation="4dp" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >

    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="@dimen/padding_small"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <ImageView
        android:id="@+id/ivPicture"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvName"
        android:layout_centerHorizontal="true"
        android:scaleType="fitCenter" />

    <TextView
        android:id="@+id/tvDetail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ivPicture"
        android:layout_centerHorizontal="true"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin" />
</RelativeLayout>


2
Miałem już ustawione wartości card_view: cardUseCompatPadding, nadal nie byłem w stanie uzyskać cieni. To, czego mi brakowało, to marginesy. I naprawdę się udało. Dzięki.
Ajith Memana

jaka jest twoja wartość depozytu zabezpieczającego? to 8dpwystarczy?
behelit

13

Po prostu dodaj te tagi:

app:cardElevation="2dp"
app:cardUseCompatPadding="true"

Stało się więc:

<android.support.v7.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="?colorPrimary"
    app:cardCornerRadius="3dp"
    app:cardElevation="2dp"
    app:cardUseCompatPadding="true"
    app:contentPadding="1dp" />

12

Możesz dodać tę linię kodu dla cienia w widoku karty

card_view:cardElevation="3dp"

Poniżej masz przykład

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardBackgroundColor="@android:color/white"
    android:foreground="?android:attr/selectableItemBackground"
    card_view:cardElevation="3dp"
    card_view:cardCornerRadius="4dp">

Mam nadzieję że to pomoże!


dziękuję, kluczem był card_view: cardElevation, a nie android: cardElevation
Badr

8

Możesz spróbować, dodając tę ​​linię

 card_view:cardUseCompatPadding="true"

Cały kod będzie wyglądał następująco

  <android.support.v7.widget.CardView 
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_margin="5dp"
        android:orientation="horizontal"
        card_view:cardUseCompatPadding="true"
        card_view:cardCornerRadius="5dp">
 </android.support.v7.widget.CardView

7

W moim przypadku cień nie pokazywał się na urządzeniach z Androidem L, ponieważ nie dodałem marginesu. Problem w tym, że CardView tworzy ten margines automatycznie na <5 urządzeniach, więc teraz robię to tak:

CardView card = new CardView(context);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
        LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
if (Build.VERSION_CODES.LOLLIPOP == Build.VERSION.SDK_INT) {
    params.setMargins(shadowSize, shadowSize, shadowSize,
            shadowSize);
} else {
    card.setMaxCardElevation(shadowSize);
}
card.setCardElevation(shadowSize);
card.setLayoutParams(params);

dodanie marginesów do widoku karty z pliku układu działa. Nie próbowałem z kodu
isumit

6

Dodaj android: hardwareAccelerated = "true" w swoim pliku manifestów, jak poniżej, to działa dla mnie

 <activity
        android:name=".activity.MyCardViewActivity"
        android:hardwareAccelerated="true"></activity>

4

Przede wszystkim upewnij się, że poniższe zależności zostały poprawnie dodane i skompilowane w pliku build.gradle

    dependencies {
    ...
    compile 'com.android.support:cardview-v7:21.0.+'

    }

a potem wypróbuj następujący kod:

     <android.support.v7.widget.CardView 
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:card_view="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_margin="5dp"
            android:orientation="horizontal"
            card_view:cardCornerRadius="5dp">
     </android.support.v7.widget.CardView

problem narasta w systemie Android L, ponieważ atrybut layout_margin nie został dodany


0

Mój recykling ładował się powoli, więc czytając stackoverflow.com zmieniłem hardwareAccelerated na „false”, wtedy elewacja nie jest wyświetlana w urządzeniu. Zmieniłem się z powrotem na prawdę. Mi to pasuje.


0

Widok karty nie może pokazać cienia, ponieważ RelativeLayoutznajdujesz się w cieniu widoku karty. Aby pokazać cień, dodaj marginesy w widoku karty. Na przykład:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginTop="4dp"
    android:layout_marginBottom="8dp">

</android.support.v7.widget.CardView>

</RelativeLayout>

0

Myślę, że jeśli najpierw sprawdzisz swój manifest, jeśli napisałeś android:hardwareAccelerated="false" , powinieneś mieć truecień dla karty. Jak ta odpowiedź tutaj


0

Sprawdź, czy nie używasz android:layerType="software"w swoim RecyclerView .

Zmieniam to, aby android:layerType="hardware"rozwiązać problem za mnie.


Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.