[英]CardView Shadow is not Showing, If More than one card is Overlapping to each other
Below is reference/Output scrrenshot以下是参考/输出截图
In the screen shot you can see there are four overlapping CardView
, but corner shadow of top and right is not showing for front cards, (Only Showing shadow for last card)在屏幕截图中,您可以看到有四个重叠的CardView
,但是前卡没有显示顶部和右侧的角阴影,(仅显示最后一张卡的阴影)
Update: Below then lollipop shadow is working更新:下面然后棒棒糖阴影正在工作
Below is the XML code for one CardView
, I'm programmatically inflating these CardView layout, and setting XY property to achieve the overlapping view下面是一个CardView
的 XML 代码,我以编程方式膨胀这些 CardView 布局,并设置 XY 属性以实现重叠视图
<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>
Below is java code for inflating the cardview layout下面是用于扩展 cardview 布局的 Java 代码
private void setupUi() {
CardView cardView;
LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
frameLayout = (FrameLayout) findViewById(R.id.container_pager_offer);
frameLayout.removeAllViews();
CardView.LayoutParams params;
int cardMargin = (int) getResources().getDimension(R.dimen.offer_card_overlapping);
int sideMargin = (int) getResources().getDimension(R.dimen.margin_semi_large);
for (int i = 0; i < 4; i++) {
cardView = (CardView) inflater.inflate(R.layout.card_offer_for_pager, null);
TextView textView = (TextView) cardView.findViewById(R.id.text_copy_code);
CommonUtils.setIconColor(textView, 2, R.color.label_header_opac);
params = new CardView.LayoutParams((int) getResources().getDimension(R.dimen.offer_card_width),
(int) getResources().getDimension(R.dimen.offer_card_height));
cardView.setX(cardMargin * ( 4 - i ) + sideMargin); //XCOORD
cardView.setY(cardMargin * ( i + 1 )); //YCOORD
cardView.setLayoutParams(params);
frameLayout.addView(cardView);
}
}
I have found a simple answer for this,我找到了一个简单的答案,
Please add a parent layout to CardView, this parent either LinearLayout
or RelativeLayout
, and give the transparent background to parent then this will work请向 CardView 添加父布局,此父布局为LinearLayout
或RelativeLayout
,并将透明背景提供给父级,然后这将起作用
Below is the example下面是例子
<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 >
You can use cardElevation
for example:例如,您可以使用cardElevation
:
app:cardElevation = "2dp"
Do it like this if you want to overlap CardView
with another CardView
.如果您想将CardView
与另一个CardView
重叠,请CardView
CardView
。 Make sure the first CardView
elevation is greater than the second CardView
elevation.确保第一个CardView
海拔大于第二个CardView
海拔。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.