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

时间:2015-07-25 17:50:48

标签: android xml android-5.0-lollipop android-support-library android-cardview

我有简单的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>

4 个答案:

答案 0 :(得分:39)

如果有人到达这里并且设置高程的解决方案对他们不起作用(就像在我的情况下,我需要在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>

答案 1 :(得分:13)

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

这可能与棒棒糖使用高程中的卡片视图有关,而它们会在棒棒糖前的边框绘制代码上回落。

答案 2 :(得分:8)

这对我有用!

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

答案 3 :(得分:6)

我可能会迟到加入讨论,但如果你能放弃CardView的提升,你可以设置cardElevation的{​​{1}}属性。 XML布局为CardView

像这样:

0dp