CardView在Android L中没有显示Shadow

时间：2014-12-22 09:10:45

标签： 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设备。你能告诉我在这里缺少什么吗？

19 个答案:

答案 0 :(得分：248)

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

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

答案 1 :(得分：47)

在您的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>

答案 2 :(得分：45)

不要忘记要画阴影，你必须使用SELECT * FROM ( SELECT EXTRACT(HOUR FROM C_EXEC_TIME) AS hr ,COUNT(*) AS cnt ,ROW_NUMBER() OVER (ORDER BY COUNT(*) DESC) AS rn FROM .... GROUP BY EXTRACT(HOUR FROM C_EXEC_TIME) ) dt WHERE rn = 1 绘图

hardwareAccelerated enter image description here

hardwareAccelerated = true hardwareAccelerated CardView

有关详细信息，请参阅Android Hardware Acceleration

答案 3 :(得分：26)

检查清单中的 hardwareAccelerated 是否为true，如果虚假阴影出现在xml预览中但不在手机中，则将其删除阴影。

答案 4 :(得分：20)

最后，通过在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>

答案 5 :(得分：14)

将此行添加到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 :(得分：9)

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

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

希望这有帮助！

答案 7 :(得分：9)

只需添加此标签：

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 :(得分：7)

在我的情况下，影子没有在Android L设备上显示，因为我没有添加边距。问题是CardView会在＆lt; 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);

答案 9 :(得分：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中的问题上升beacuse layout_margin属性未添加

答案 10 :(得分：3)

在你的清单文件中添加android：hardwareAccelerated =“true”，如下所示，它适用于我

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

答案 11 :(得分：2)

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

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

答案 12 :(得分：0)

移动你的＆＃34;使用-sdk＆＃34;清单顶部的属性，如下面的答案https://stackoverflow.com/a/27658827/1394139

答案 13 :(得分：0)

我的recyclerview加载速度很慢，所以通过阅读stackoverflow.com我将hardwareAccelerated更改为＆＃34; false＆＃34;然后在设备中没有显示高程。我改回了真实。这个对我有用。

答案 14 :(得分：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>

答案 15 :(得分：0)

我想，如果您写了android:hardwareAccelerated="false"，请先检查清单 您应该true使卡具有阴影 像这个答案here

答案 16 :(得分：0)

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

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

答案 17 :(得分：0)

你也可以通过赋值来测试：

android:hardwareAccelerated="false"

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

由于有时不支持某些自定义视图，因此将值分配给上述语句“true”或“false”可能是一种解决方案。 For more Information refer to android studio docs

答案 18 :(得分：0)

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

相关问题
最新问题