为什么我的片段会彼此重叠出现？

Question

我有这种形式的主要布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/fragment1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
    </LinearLayout>

    <LinearLayout
        android:id="@+id/fragment2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
    </LinearLayout>

</android.support.design.widget.CoordinatorLayout>

我正在做FragmentTransaction，它们都调用.replace()来调用使用以下XML的两个Fragment：

Fragment1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:baselineAligned="true">

    ...

</LinearLayout>

Fragment2.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="wrap_content">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

</LinearLayout>

为什么两个片段彼此重叠出现？ 我希望Fragment1直接出现在具有RecyclerView的Fragment2上方。

编辑：替换代码：

fragment1 = Fragment1.newInstance();
fragment2 = Fragment2.newInstance();

FragmentManager fragmentManager = getChildFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

fragmentTransaction.replace(R.id.fragment1, fragment1, "fragment1");
fragmentTransaction.replace(R.id.fragment2, fragment2, "fragment2");

fragmentTransaction.commit();

Answer 1

这是因为您在CoordinatorLayout放置了两个布局。 CoordinatorLayout行为类似于RelativeLayout 。 试试这个吧。

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <FrameLayout
        android:id="@+id/fragment1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
        <FrameLayout
        android:id="@+id/fragment2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
</android.support.design.widget.CoordinatorLayout>

Answer 2

您可以将片段直接导入到活动的布局中：

<fragment
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    class="com.packacge.Fragment1"/>

<fragment
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    class="com.packacge.Fragment2"/>