CardView 在 Android L 中没有显示阴影

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

它可以很好地工作在带有适当阴影和圆角的前 L 设备上。但不能在 Android L 设备上工作。你知道我错过了什么吗？

175134 次浏览
小开

在我的情况下，阴影没有显示在 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);
小开

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

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

希望这个能帮上忙！

小开

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

小开

最后，我能够得到的阴影棒棒糖设备通过添加边缘的卡景。以下是最终的卡德维尔布局:

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

小开
最佳答案

我又看了一遍文件，终于找到了解决办法。

只需将 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>
小开

首先确保在 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 中，因为没有添加 lay_ edge 属性

小开

您可以尝试添加这一行

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

使用 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>
小开

不要忘记，要绘制阴影，你必须使用 hardwareAccelerated绘图

hardwareAccelerated = true

enter image description here

hardwareAccelerated = false

hardwareAccelerated CardView

详情请参阅 安卓硬件加速

小开

检查清单中的 加速使其为真，使其为假移除阴影，当虚假阴影出现在 xml 预览，但不在电话。

小开

只需添加以下标签:

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

我的回收视图加载速度很慢，所以通过阅读 stackoverflow.com ，我把硬件加速到“ false”，那么设备上就没有显示海拔高度。我变回了真实。对我有用。

小开

在您的清单文件中添加 android: hardwareSpeed = “ true”，如下所示，它对我很有用

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

将此行添加到 CardView... 。

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

小费

你可以避免使用 lay- 边缘-顶部和 lay- 边缘-底部，因为阴影本身会占用一些上下的空间。由 card _ view 中的使用量定义的金额空间。

快乐编码(:

小开

卡片视图不能显示阴影，因为你的 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>
小开

我想如果你先检查你的舱单如果你写了 android:hardwareAccelerated="false" 你应该使它 true有阴影的卡 就像这个答案 < a href = “ https://stackoverflow.com/a/35962665/5416148”> 在这里

小开

检查你没有在你的 回收视图中使用 android:layerType="software"。

把它改成 android:layerType="hardware"解决了我的问题。

小开

如果您正在寻找 材料卡视图阴影(海拔) ，那么在 XML 中添加这行代码，它将显示适当的海拔-

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

您也可以通过赋值:

硬件加速 = “ false”

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

因为有时一些自定义视图不支持将值赋给上述语句“ true”或“ false”可以作为解决方案。 有关详细信息，请参阅 android 工作室文档

小开

如果你使用的材质卡片视图的选项是’应用程序: cardEleation = “8dp” “8dp”是一个参考尺寸

小开

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

提交答案