堆栈内存溢出
  繁体   English   中英

CardView 在 Android L 中不显示阴影

[英]CardView not showing Shadow in Android L

 原文  2014-12-22 09:10:45  7   21    android/ android-listview/ android-5.0-lollipop/ material-design/ android-cardview

问题描述

我在 Listview 中的 Cardview 在 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 设备。 你能告诉我这里缺少什么吗？

21 个解决方案

解决方案1
 294 已采纳  2015-01-12 11:13:37

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

只需将card_view:cardUseCompatPadding="true"到CardView ，Lollipop 设备上就会出现阴影。

发生的情况是， CardView的内容区域在 pre-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>

解决方案2
 58  2016-03-12 20:02:56

不要忘记绘制阴影必须使用hardwareAccelerated加速绘图

hardwareAccelerated = true

在此处输入图片说明

hardwareAccelerated = false

硬件加速 CardView

有关详细信息，请参阅Android 硬件加速

解决方案3
 56  2015-11-05 06:43:02

在app:cardUseCompatPadding="true"使用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>

解决方案4
 29  2017-03-06 06:59:13

检查清单中的hardwareAccelerated使其为真，当假阴影出现在 xml 预览中但不在手机中时，将其设为 false 将移除阴影。

解决方案5
 27  2018-02-09 18:53:56

将此行添加到 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" 中使用多少定义。

快乐编码（：

解决方案6
 22  2015-01-01 11:40:34

最后，我能够通过向 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>

解决方案7
 13  2014-12-26 13:17:44

您可以在卡片视图中为阴影添加这行代码

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

希望这可以帮助！

解决方案8
 13  2017-03-08 10:12:15

只需添加此标签：

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

解决方案9
 8  2015-10-09 17:36:13

您可以尝试添加此行

 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

解决方案10
 7  2014-12-26 10:33:54

就我而言，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);

解决方案11
 6  2018-01-30 06:43:44

在清单文件中添加 android:hardwareAccelerated="true" 如下所示，它对我有用

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

解决方案12
 4  2015-03-03 07:21:57

首先确保在 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

由于未添加 layout_margin 属性，Android L 中出现问题

解决方案13
 3  2021-03-06 17:53:14

如果您正在寻找MaterialCardView阴影（海拔），则在 XML 中添加这行代码，它将显示正确的海拔 -

app:cardElevation="24dp"
app:cardMaxElevation="36dp"

解决方案14
 0  2017-07-13 02:18:43

我的 recyclerview 加载缓慢，因此通过阅读 stackoverflow.com 我将硬件加速更改为“false”，然后设备中未显示高程。 我变回了真。 这个对我有用。

解决方案15
 0  2019-02-25 06:42:44

卡片视图无法显示阴影，因为您的RelativeLayout位于卡片视图的阴影上。 要显示阴影，请在 Card 视图上添加边距。 例如：

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

解决方案16
 0  2019-03-21 16:07:23

我想如果你先检查你的清单，如果你写了android:hardwareAccelerated="false"你应该让卡片true有阴影就像这个答案在这里

解决方案17
 0  2020-04-23 22:55:25

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

将其更改为android:layerType="hardware"为我解决了这个问题。

解决方案18
 0  2021-05-11 16:52:39

您还可以通过分配进行测试：

机器人：硬件加速=“假”

在应用程序标签下的清单文件中。

由于有时不支持某些自定义视图，因此将值分配给上述语句“true”或“false”可能是一种解决方案。 有关更多信息，请参阅 android studio 文档

解决方案19
 0  2021-07-27 22:42:40

如果您使用 MaterialCardView，则要选择的选项是 'app:cardElevation="8dp'，"8dp" 是参考尺寸

解决方案20
 0  2022-06-08 10:04:35

将MaterialCardView插入FrameLayout 。 为阴影添加边距。 添加app:cardElevation 。

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

    <com.google.android.material.card.MaterialCardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:cardCornerRadius="12dp"
        app:cardElevation="10dp">

解决方案21
 -1  2014-12-27 07:11:38

将您的“uses-sdk”属性移动到清单顶部，如下面的答案https://stackoverflow.com/a/27658827/1394139

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Android - Cardview 没有显示阴影，也没有剪裁儿童 CardView 不显示阴影高程 Androidx Cardview 上未显示阴影 Android L CardView水平 Android L CardView和RecyclerView Android CardView 阴影不圆角 ConstraintLayout 中 CardView 上的阴影未显示 Cardview 未在底部显示阴影 Cardview突然停止显示阴影 使用CardView的Android L卡
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM