CardView 位于 FrameLayout 之上，但首先声明

Question

我有简单的 FrameLayout，支持 CardView 作为第一项，TextView 作为第二项，因此 TextView 必须位于展开视图之上。这适用于 Lolipop 之前的版本，但在 21+ 卡上在布局中占据最高位置，为什么会这样以及如何解决这个问题？与 RelativeLayout 相同。布局：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="200dp"
        android:layout_margin="20dp"
        app:cardBackgroundColor="#ff0000"
        app:cardUseCompatPadding="false"
        />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="i am top view!"
        android:gravity="center"
        android:layout_gravity="center"
        android:textSize="30sp"
        android:textAllCaps="true"
        android:textColor="#00ff00"
        android:background="#0000ff"
        />

</FrameLayout>

Answer 1

只需在卡片视图中添加您的文本视图，据我所知，z 顺序在框架布局中未定义，但最后布局的视图应该最后绘制。

这可能与棒棒糖中的卡片视图使用高度有关，而它们又退回到棒棒糖之前的边框绘制代码。

Answer 2

万一有人来到这里并且设置海拔的解决方案对他们不起作用（就像在我的情况下，我需要在 CardView 上方绘制图像并且在它上面有阴影不是可接受），您可以通过将 CardView 包装在另一个 FrameLayout 中来解决问题。在提供的示例中，它看起来像这样：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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">

    <!-- This is the added FrameLayout -->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_margin="20dp"
            app:cardBackgroundColor="#ff0000"
            app:cardUseCompatPadding="false"
            />

    </FrameLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="i am top view!"
        android:gravity="center"
        android:layout_gravity="center"
        android:textSize="30sp"
        android:textAllCaps="true"
        android:textColor="#00ff00"
        android:background="#0000ff"
        />

</FrameLayout>

Answer 3

这对我有用！

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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">

    <!-- Add this layout as parent of CardView -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_margin="20dp"
            app:cardBackgroundColor="#ff0000"
            app:cardUseCompatPadding="false" />

    </LinearLayout>
    <!--Close parent layout-->

    <TextView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:background="#0000ff"
        android:gravity="center"
        android:text="i am top view!"
        android:textAllCaps="true"
        android:textColor="#00ff00"
        android:textSize="30sp" />

</FrameLayout>

Answer 4

我加入讨论的时间可能有点晚，但是如果你能承受得起放弃 CardView 的提升，你可以只设置 cardElevation 属性 CardView 在你的 XML 布局中 0dp.

像这样：

app:cardElevation="0dp"

CardView 位于 FrameLayout 之上，但首先声明

CardView goes on top of FrameLayout, but declared first

android

xml

android-5.0-lollipop

android-support-library

android-cardview

这对我有用！