Tại sao không có khoảng trống giữa các CardView trên Lollipop?

Tôi cố gắng sử dụng CardViewvà nó hoạt động tốt dưới 5.0, nhưng trông lạ trên Lollipop.

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

Tôi gặp câu hỏi tương tự khi sử dụng RecyclerView, tôi có nên thêm thứ gì đó nếu nó chạy trên Lollipop không?

Đặt điều này trên CardView:

app:cardUseCompatPadding="true"

Từ tài liệu:

Thêm phần đệm trong API v21 + để có cùng số đo với các phiên bản trước.

Sử dụng hai thẻ này bên dưới bên trong chế độ xem thẻ của bạn:

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

hình ảnh đầu tiên là hành vi mong đợi của chế độ xem thẻ. khi thẻ có độ cao, bóng đổ xuống các lớp dưới cùng. Trong các thiết bị tiền kẹo mút, độ cao được thực hiện bằng cách thêm phần đệm. vì vậy các thiết bị tiền kẹo mút sẽ có phần đệm xung quanh chế độ xem thẻ.

Trước L, CardView thêm phần đệm vào nội dung của nó và vẽ bóng cho khu vực đó. Số lượng đệm này bằng maxCardElevation + (1 - cos45) * angleRadius ở các bên và maxCardElevation * 1.5 + (1 - cos45) * angleRadius ở trên và dưới.

Bạn phải thêm app:cardUseCompatPadding="true"vào của bạn Cardview. Nhưng chỉ thêm điều đó có thể gây ra lỗi cho bạn. Để tránh lỗi đó, bạn cũng phải thêm xmlns:app="http://schemas.android.com/apk/res-auto"vào của bạn CardView.

Ví dụ,

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

Một số sẽ thêm card_view:cardUseCompatPadding="true"và xmlns:card_view="http://schemas.android.com/apk/res-auto"thay vì những người đã đề cập ở trên. Cả hai cách đều đúng.

Nếu bạn muốn biết thêm về ứng dụng trong XML (Android), vui lòng xem qua câu trả lời sau:

Mặc dù các câu trả lời trước đây sẽ giải quyết được vấn đề, nhưng chúng không giải thích mỗi thuộc tính làm gì. Vì vậy, để hữu ích hơn khi trả lời những người tìm kiếm,

cardPreventCornerOverlap thuộc tính thêm phần đệm vào CardView trên v20 trở về trước để ngăn phần giao nhau giữa nội dung Thẻ và các góc tròn.

cardUseCompatPadding thuộc tính thêm phần đệm trong API v21 + cũng như để có cùng số đo với các phiên bản trước.