CardView在Android L中未显示阴影

123

我在Listview中的Cardview在Android L（Nexus 5）中没有显示阴影。同样，圆形边缘也没有正确显示。这是Listview的Adapter View的代码：

<?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 
— 等
source
— Kiloreux
@AIL但我没有使用任何透明的背景进行Cardview或其任何父视图
— isumit 2014年
@isumit是的，这里也是同样的问题。
— greywolf82 2014年
@ greywolf82，以防您尚未找到解决方案。我在cardview中增加了边距，并在棒棒糖中显示了阴影
— isumit'1

Answers:

279

再次浏览文档后，我终于找到了解决方案。

只需添加card_view:cardUseCompatPadding="true"您的CardView阴影，棒棒糖设备上就会出现阴影。

发生的是，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>
— 拉姆·帕特拉
source
@亚历克斯·洛克伍德能否请您解释你的变化即card_view:cardElevation="2sp"到card_view:cardElevation="2dp"？
— 拉姆·帕特拉
1
@Ramswaroop sp应该仅用于文本大小。dp应该用于所有其他尺寸。
— Alex Lockwood
我的情况是card_view：cardUseCompatPadding。另外，我需要将targetSdkVersion更改为21。更改边距无效。
— 雷米
@ KishanSolanki124我认为OP（@isumit）已失去对该线程的跟踪。
— 拉姆·帕特拉
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>
— 快门灵魂
source
28

在清单中检查hardwareAccelerated使其为true，使其为false会删除阴影（当xml预览中出现错误阴影而不是电话中出现阴影时）。

— JSONParser
source
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”中使用的空间定义。

快乐编码（：

— 沙赫里亚尔·纳西姆·纳菲（Shahriar Nasim Nafi）
source
22

最终，我通过在cardview中添加边距能够在Lollipop设备上获得阴影。这是最终的cardview布局：

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

— 等
source
2
我已经设置了card_view：cardUseCompatPadding值，但仍然无法获得阴影。我所缺少的是利润率。它确实有效。谢谢。
— Ajith Memana '16
您的保证金价值是多少？是8dp够了吗？
— behelit '17
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" />
— Shohan Ahmed Sijan
source
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">

希望这可以帮助！

— 叶敏H
source
谢谢，关键是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
— 尤巴拉吉·普德尔
source
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);
— 西蒙
source
从布局文件向cardview添加页边距。未尝试使用代码
— isumit'1
6

在清单文件中添加android：hardwareAccelerated =“ true”，如下所示：

 <activity
        android:name=".activity.MyCardViewActivity"
        android:hardwareAccelerated="true"></activity>
— 亚丁·德卡
source
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-patel
source
0

我的recyclerview加载速度很慢，因此通过阅读stackoverflow.com，我将hardwareAccelerated更改为“ false”，然后在设备中未显示标高。我变回真实。这个对我有用。

— 拉特什
source
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>
— 苏迪普·萨杜汉（Sudip Sadhukhan）
source
0

我认为，如果你检查你的清单第一，如果你写的android:hardwareAccelerated="false" ，你应该让true具有用于卡很喜欢这个答案的影子在这里

— 阿姆·伊斯梅尔
source
0

检查您是否没有android:layerType="software"在RecyclerView中使用。

更改它可以android:layerType="hardware"为我解决问题。

— 禁止地球工程
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.