CardView не показывает тень в Android L

123

My Cardview внутри Listview не показывает тень в Android L (Nexus 5). Кроме того, округлые края не отображаются должным образом. Вот код для представления адаптера 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>

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

Он отлично работает на устройствах pre-L с правильной тенью и закругленными углами. Но не работает на устройстве Android L. Можете ли вы сказать, что мне здесь не хватает?

android android-listview android-5.0-lollipop material-design android-cardview isumit
источник
Проверьте это stackoverflow.com/questions/26572048/…
Kiloreux
@AIL Но я не использую прозрачный фон для cardview или любого из его родительских представлений
isumit
@isumit Ага, здесь такая же проблема.
greywolf82
@ greywolf82 на случай, если вы еще не нашли решение. Я добавил маржу в cardview, и теперь она отображает тень в Lollipop
isumit

Ответы:

280

После повторного просмотра документации я наконец нашел решение.

Просто добавьте card_view:cardUseCompatPadding="true"к своему, CardViewи на устройствах Lollipop появятся тени.

Что происходит, так это то, что область содержимого CardViewпринимает разные размеры на устройствах pre-lollipop и lollipop. Таким образом, в устройствах с леденцами тень на самом деле закрывается картой, поэтому ее не видно. При добавлении этого атрибута область содержимого остается одинаковой на всех устройствах, и тень становится видимой.

Мой xml-код выглядит так:

<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 Не могли бы вы объяснить свое изменение, то есть card_view:cardElevation="2sp"на card_view:cardElevation="2dp"?
Рам Патра
1
@Ramswaroop spследует использовать только для размеров текста. dpследует использовать для всех остальных размеров.
Alex Lockwood
В моем случае потребовался card_view: cardUseCompatPadding. Кроме того, мне нужно изменить targetSdkVersion на 21. Изменение поля не имеет никакого эффекта.
Реми
@ KishanSolanki124 Я думаю, что OP (@isumit) потерял связь с этой веткой.
Ram Patra
55

Не забывайте, что для рисования тени необходимо использовать hardwareAcceleratedрисунок.

hardwareAccelerated = true

введите описание изображения здесь

hardwareAccelerated = false

аппаратное обеспечение Ускоренный CardView

См Android аппаратное ускорение для получения подробной информации

AndreyICE
источник
10
Аппаратное ускорение включено по умолчанию, если ваш целевой уровень API> = 14!
Аксель Фатих
2
Это работает,. Но я не понимаю причину этого
Дипак Кумар
54

используйте app:cardUseCompatPadding="true"внутри вашего cardview. Например

<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>
ShutterSoul
источник
28

check hardwareAccelerated в манифесте делает его истинным, делая false, удаляет тени, когда ложная тень появляется в предварительном просмотре xml, но не в телефоне.

JSONParser
источник
24

Добавьте эту строку в CardView ....

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

подсказки

Вы можете избежать layout_marginTop и layout_marginBottom, поскольку сама тень занимает некоторое пространство вверх и вниз. Объем пространства определяется тем, сколько вы будете использовать в card_view: cardElevation = "ndp".

Счастливого кодирования (:

Шахриар Насим Нафи
источник
22

Наконец, я смог получить тени на устройстве Lollipop, добавив поля в вид карты. Вот окончательный макет карты:

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

isumit
источник
2
У меня уже были установлены значения card_view: cardUseCompatPadding, но получить тени не удалось. Чего мне не хватало, так это полей. И это действительно сработало. Спасибо.
Аджит Мемана
какова ваша маржа? это 8dpдостаточно?
behelit
13

Просто добавьте эти теги:

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

Итак, это стало:

<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

Вы можете добавить эту строку кода для тени в виде карты

card_view:cardElevation="3dp"

Ниже у вас есть пример

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

Надеюсь это поможет!

Е Мин Хтут
источник
спасибо, ключ был card_view: cardElevation, а не android: cardElevation
Бадр
8

Вы можете попробовать, добавив эту строку

 card_view:cardUseCompatPadding="true"

Весь код будет выглядеть так

  <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

В моем случае тень не отображалась на устройствах Android L, потому что я не добавлял маржу. Проблема в том, что CardView автоматически создает этот запас на <5 устройствах, поэтому теперь я делаю это так:

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);
Саймон
источник
добавление полей к просмотру карт из файла макета работает. Не пробовал из кода
isumit
6

Добавьте android: hardwareAccelerated = "true" в свой файл манифестов, как показано ниже, у меня работает

 <activity
        android:name=".activity.MyCardViewActivity"
        android:hardwareAccelerated="true"></activity>
ятин деокар
источник
4

Прежде всего убедитесь, что следующие зависимости правильно добавлены и скомпилированы в файле build.gradle

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

    }

и после этого попробуйте следующий код:

     <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

проблема возникает в Android L из-за того, что атрибут layout_margin не добавлен

prat3ik-патель
источник
0

Мой recyclerview загружался медленно, поэтому, прочитав stackoverflow.com, я изменил hardwareAccelerated на «false», тогда высота не отображается на устройстве. Я вернулся к истине. Меня устраивает.

Lathesh
источник
0

Карточный просмотр не может отображать тень, потому что вы RelativeLayoutнаходитесь в тени карточного просмотра. Чтобы показать тень, добавьте поля в представление карты. Например:

<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

Я думаю, если вы сначала проверите свой манифест, если вы написали, android:hardwareAccelerated="false" вы должны сделать его trueтени для карты Как этот ответ здесь

Амр Исмаил
источник
0

Проверьте вы не используете android:layerType="software"в вашем RecyclerView .

Изменив его, я android:layerType="hardware"решил проблему.

запрет-геоинженерия
источник