CardView не відображає тінь в Android L


123

У програмі "Моє перегляд карт" у 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>

І XML ListView:

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

Він чудово працює на пристроях до L, які мають належну тінь і закруглені кути. Але не працює на пристрої Android L. Чи можете ви сказати, чого я тут пропускаю?



@AIL Але я не використовую жодного прозорого фону для перегляду карти або будь-якого з його поглядів батьків
isumit

@isumit Так, тут така ж проблема.
greywolf82

@ greywolf82, якщо ви ще не знайшли рішення. Я додав маржу до перегляду картки та її тіні, що зараз відображається, у Lollipop
isumit

Відповіді:


279

Переглянувши документи ще раз, я нарешті знайшов рішення.

Просто додайте card_view:cardUseCompatPadding="true"до своїх, CardViewі тіні з’являться на пристроях Lollipop.

Що відбувається - область вмісту в CardViewрізних розмірах на пристроях до льодяника та льодяника. Тож у пристроях льодяників тінь насправді покрита карткою, тому її не видно. Додаючи цей атрибут, область вмісту залишається однаковою на всіх пристроях, і тінь стає видимою.

Мій 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-Локвуд Чи можете ви пояснити ваші зміни , тобто, card_view:cardElevation="2sp"щоб card_view:cardElevation="2dp"?
Ram Patra

1
@Ramswaroop spслід використовувати лише для розмірів тексту. dpслід використовувати для всіх інших розмірів.
Алекс Локвуд

Я мій випадок card_view: cardUseCompatPadding був потрібний. Додатково мені потрібно змінити targetSdkVersion на 21. Зміна поля не впливає.
Ремі

@ KishanSolanki124 Я думаю, що ОП (@isumit) втратила цю тему.
Ram Patra

55

Не забувайте, що для малювання тіні потрібно використовувати hardwareAcceleratedмалювання

hardwareAccelerated = true

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

hardwareAccelerated = false

апаратне прискорене CardView

Див Android апаратне прискорення для отримання докладної інформації


10
Прискорення обладнання ввімкнено за замовчуванням, якщо рівень цільового API становить> = 14!
Аксель Фатих

2
Це працює,. Але я не розумію причини цього
Діпак Кумар

54

використовувати app:cardUseCompatPadding="true"всередині перегляду карти. Наприклад

<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

Перевірте апаратне прискорене в маніфесті, зробіть це правдою, зробивши його помилковим, видаляє тіні, коли помилкова тінь з’являється в попередньому перегляді XML, але не в телефоні.


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>


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
Badr

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 для Android L не доданий


0

Моя переробка рециркуляторів повільно завантажувалася, тому, прочитавши stackoverflow.com, я змінив hardwareAccelerated на "false", тоді висота не відображається на пристрої. Я змінився на справжній. Це працює для мене.


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"вирішити проблему для мене.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.