无意中在其他视图后面出现碎片

Question

我有一个这样的容器构建：

RelativeLayout container
--LinearLayout
  --TextView
--LinearLayout
  --Button
  --Button

我正在尝试将一个片段“ListFragment”添加到容器中，显示两个 LinearLayout 上方的内容：

ListFragment listfragment = new ListFragment();
getFragmentManager().beginTransaction().replace(R.id.contianer,listfragment).commit();

问题是：事实并非如此。它仅显示在第二个 LinearLayout 上方，并且第一个 LinearLayout 在 Fragment 上方仍然可见。

这是两个 xml：

容器 XML：

<RelativeLayout
        android:id="@+id/contianer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_alignParentEnd="true"
        android:layout_below="@+id/container">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingBottom="20dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:layout_marginLeft="0dp"
            android:id="@+id/linearLayout"
            android:layout_alignParentBottom="true"
            android:paddingTop="30dp">

            <Button
                android:id="@+id/back"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Button"
                android:textSize="30dp" />

            <Button
                android:id="@+id/nextButton"
                android:layout_width="match_parent"
                android:layout_height="80dp"
                android:layout_weight="0.5"
                android:text="Button"
                android:textSize="30dp"
                android:background="#009688"
                android:textColor="#ffffff" />
        </LinearLayout>

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            android:elevation="4dp"
            android:id="@+id/vanisherView"
            android:layout_centerHorizontal="true"
            android:layout_margin="20dp">

            <TextView
                android:id="@+id/erklareung"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@android:color/black"
                android:background="@android:color/white"
                android:padding="40dp"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textSize="35dp"
                android:layout_alignParentTop="true"
                android:layout_alignParentEnd="true" />

        </LinearLayout>


    </RelativeLayout>

容器被包装在另一个布局中，但我认为，这并不重要。

这是片段 xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    android:id ="@+id/viewer_layout">

    <com.woxthebox.draglistview.DragListView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/drag_list_view"
        android:layout_width="match_parent"
        android:background="@android:color/black"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_height="match_parent"/>

</RelativeLayout>

我把碎片涂成了黑色，看看哪里显示了，哪里没有

感谢您的回答和欢呼

Answer 1

不要尝试将 a 添加Fragment到已包含其他视图的容器视图。

相反，将 a 放置在您想要放置的FrameLayout位置，然后将您添加到该位置而不是父容器中。FragmentFragment

您可以在 上设置所需的属性，FrameLayout以确保将其放置在RelativeLayout.

例子：

<RelativeLayout android:id="@+id/container>"

    <FrameLayout android:id="@+id/fragment_container"/>

    <LinearLayout>
        <Button/>
        <Button/>
    </LinearLayout>

    <LinearLayout>
        <TextView/>
    </LinearLayout>

</RelativeLayout>