it-swarm.com.ru

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

У моего 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>

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

98
isumit

Наконец-то я смог получить тени на устройстве 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>

19
isumit

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

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

Что происходит, так это то, что область содержимого в CardView имеет разные размеры на устройствах до Lollipop и 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>
236
Ram Patra

Не забывайте, что для рисования тени вы должны использовать hardwareAccelerated drawing

hardwareAccelerated = true enter image description here

hardwareAccelerated = false hardwareAccelerated CardView

Смотрите Аппаратное ускорение Android для деталей

42
AndreyICE

используйте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>
42
ShutterSoul

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

25
JSONParser

Добавьте эту строку в 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".

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

10
Shahriar Nasim Nafi

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

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

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

9
Ye Min Htut

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

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" />
8
Shohan Ahmed Sijan

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

 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
8
yubaraj poudel

В моем случае тень не отображалась на устройствах 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);
7
Simon Heinen

Прежде всего, убедитесь, что следующие зависимости правильно добавлены и скомпилированы в файле 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 не добавлен

4
prat3ik-patel

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

 <activity
        Android:name=".activity.MyCardViewActivity"
        Android:hardwareAccelerated="true"></activity>
3
yatin deokar

переместите свой атрибут «used-sdk» в верхнюю часть манифеста, как показано ниже: https://stackoverflow.com/a/27658827/1394139

0
Dinesh T A

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

0
Lathesh

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

0
amr ismail

Вид карты не может отображать тень, потому что ваша 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
Sudip Sadhukhan