Cardview не показывает тень вдоль дна

Question

У меня есть следующий XML для карты:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent" android:padding="2dp">
<!-- A CardView that contains a TextView -->
<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_gravity="center"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="0dp">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="5dp">
        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>
</android.support.v7.widget.CardView>
</LinearLayout>

Что приводит к тем теням, которые вообще не имеют затенения на дне

Но я пытаюсь получить что-то вроде этой тени, которая более красиво окружает всю карту.

Я пытался изменить высоту, но безрезультатно, и поиск по этой проблеме, кажется, не поднимает ничего, кроме людей, у которых нет теней при любых проблемах, что не в моем случае.

Как я могу получить правильные тени?

Благодарю.

Answer 1

Вам необходимо добавить это свойство xml в представление вашей карты

Приложение:cardUseCompatPadding="истина"

Answer 2

Добавление clipChildren="false" к родителю LinearLayout также должен работать.

Answer 3

Установить высоту, используя свойство card_view:cardElevation

Answer 4

У меня была та же проблема, пока я не вспомнил, что если родитель оборачивает свое содержимое, то он не будет оборачивать тень, поэтому я дал родителю больший размер, чем дочерний, таким образом, он будет включать дочерний элемент и тень дочернего элемента

       <androidx.constraintlayout.widget.ConstraintLayout 
 xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="110dp"
android:layout_height="110dp">

<androidx.cardview.widget.CardView xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:card_view="http://schemas.android.com/tools"
    android:layout_width="98dp"
    android:layout_height="98dp"
    app:cardCornerRadius="10dp"
    app:cardElevation="5dp"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <androidx.appcompat.widget.AppCompatImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        app:srcCompat="@drawable/manhattan" />

  
</androidx.cardview.widget.CardView>

  </androidx.constraintlayout.widget.ConstraintLayout>

Answer 5

Добавьте эти строки в свой cardView

    android:layout_marginTop="5dp"
    android:layout_marginBottom="5dp"

Answer 6

Вы можете использовать этот код для cardView

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_gravity="center"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="0dp"
    android:elevation="5dp"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp">
  
</android.support.v7.widget.CardView>