为什么棒棒糖上的卡片视图之间没有空格？

我尝试使用 CardView，它工作在5.0以下，但在棒棒糖上看起来很奇怪。

enter image description here

enter image description here

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">


<android.support.v7.widget.CardView android:layout_width="match_parent"
android:layout_height="200dp">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="card1"
android:textAppearance="?android:attr/textAppearanceLarge" />
</android.support.v7.widget.CardView>
<android.support.v7.widget.CardView android:layout_width="match_parent"
android:layout_height="200dp">


<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="card2"
android:textAppearance="?android:attr/textAppearanceLarge" />
</android.support.v7.widget.CardView>
</LinearLayout>

我遇到了同样的问题，当我使用 RecyclerView，我应该添加一些东西，如果它运行在棒棒糖？

42160 次浏览
小开

第一个图像是卡片视图的预期行为。当卡片有高度时，阴影落在底层。在前棒棒糖设备的立面是通过添加填充。因此，前棒棒糖设备将有一个填充周围的卡片视图。

在 L 之前，CardView 为其内容添加填充，并将阴影绘制到 这个填充量等于 maxCardLevel + (1- Cos45) * 边角半径和 maxCardLevel * 1.5 + (1- Cos45) * 上下角半径。

小开
最佳答案

设置为 CardView:

app:cardUseCompatPadding="true"

来自文档:

在 API v21 + 中添加填充，以便具有相同的度量值 以前的版本。

小开

在你的信用卡视图内使用下面的两个标签:

app:cardPreventCornerOverlap="false"
app:cardUseCompatPadding="true"
小开

你必须把 app:cardUseCompatPadding="true"加到你的 Cardview上。但是仅仅添加这一点可能会导致错误。为了避免这个错误，您还必须将 xmlns:app="http://schemas.android.com/apk/res-auto"添加到 CardView中。

比如说,

<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_height="wrap_content"
android:layout_width="match_parent"
app:cardUseCompatPadding="true">


// Other views here


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

有些人会增加 card_view:cardUseCompatPadding="true"和 xmlns:card_view="http://schemas.android.com/apk/res-auto"，而不是上面提到的那些。这两种方式都是正确的。

如果你想知道更多关于 XML (Android)中的 应用程序的信息，请浏览以下 回答:

虽然以前的答案可以解决这个问题，但是他们没有解释每个属性的作用。所以为了更好地回答探索者的问题,

cardPreventCornerOverlap属性在 v20和之前为 CardView 添加了填充，以防止 Card 内容和圆角之间的交叉。

cardUseCompatPadding属性在 API v21 + 中添加了填充，以便与以前的版本具有相同的度量值。


提交答案