Question

以下是参考/输出scrrenshot

在屏幕截图中，您可以看到有四个重叠$today = date('Y-m-d');//Y-m-d H:i:s $expireDate = new DateTime($row->expireDate);// From db $date1=date_create($today); $date2=date_create($expireDate->format('Y-m-d')); $diff=date_diff($date1,$date2); $timeDiff = $diff->format("%R%a days"); echo $timeDiff; if($timeDiff < 0){ echo "Expired."; }else{ echo "Not expired."; }，但顶部和右侧的角阴影没有显示前卡，（仅显示最后一张卡的阴影）

更新：以下棒棒糖阴影正在运作

下面是一个CardView的XML代码，我正在以编程方式对这些CardView布局进行充气，并设置XY属性以实现重叠视图

CardView

以下是用于对cardview布局进行充气的java代码

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="@dimen/offer_card_width"
    android:layout_height="97dp"
    app:cardBackgroundColor="@color/windowBackgroundSecondary"
    app:cardPreventCornerOverlap="false"
    app:cardUseCompatPadding="true">

    <RelativeLayout
        android:padding="@dimen/padding_regular"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/icon_offer"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:background="@drawable/bg_circular_offer"
            android:padding="8dp"
            android:src="@drawable/ic_content_copy" />

        <TextView
            android:layout_marginLeft="@dimen/margin_regular"
            android:id="@+id/text_offer_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/icon_offer"
            android:ellipsize="end"
            android:maxLines="1"
            android:textColor="@color/submit_button"
            android:textSize="@dimen/text_size_regular"
            android:text="Some content will be there" />

        <TextView
            android:id="@+id/text_offer_desc"
            android:layout_marginTop="@dimen/margin_medium"
            android:layout_marginLeft="@dimen/margin_regular"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/text_offer_title"
            android:layout_toRightOf="@+id/icon_offer"
            android:ellipsize="end"
            android:maxLines="1"
            android:textColor="@color/black"
            android:textSize="@dimen/text_size_small"
            android:text="Some content will be there, Some content will be there" />

        <LinearLayout
            android:layout_marginLeft="@dimen/margin_regular"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_toRightOf="@+id/icon_offer"
            android:orientation="horizontal">

            <TextView
                android:textColor="#6f6f6f"
                android:textSize="@dimen/text_size_regular"
                android:layout_gravity="center_vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Code:" />

            <TextView
                android:id="@+id/text_copy_code"
                android:layout_marginLeft="@dimen/margin_medium"
                android:layout_gravity="center_vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:drawablePadding="@dimen/padding_medium"
                android:ellipsize="end"
                android:maxLines="1"
                android:drawableRight="@drawable/ic_content_copy"
                android:textColor="@color/label_header_opac"
                android:textSize="@dimen/text_size_regular"
                android:text="TEST2016" />
        </LinearLayout>

    </RelativeLayout>

</android.support.v7.widget.CardView>

Answer 1

我找到了一个简单的答案，

请将一个父版式添加到CardView，这个父版本为LinearLayout或RelativeLayout，并将透明背景提供给父级，然后这将有效

以下是示例

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    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"
        app:cardBackgroundColor="@color/mdtp_circle_color"
        app:cardPreventCornerOverlap="false"
        app:cardUseCompatPadding="true">
    </android.support.v7.widget.CardView>
</LinearLayout >

Answer 2

您可以使用cardElevation例如

app:cardElevation = "2dp"

如果要将CardView与另一个CardView重叠，请执行以下操作。确保第一个CardView高程大于第二个CardView高程。

如果多张卡相互重叠，则CardView Shadow不显示

2 个答案: