如何以编程方式用片段替换框架布局

Question

当在活动中单击按钮时，我试图用片段替换带有 id 容器的框架布局。 我认为我编写的代码正在运行，但有些地方不对，可能是布局问题。 当应用程序运行时，片段会出现一秒钟，然后它立即消失，有些东西阻止了它。 可能是 framelayout 与 viewpager 有问题。 我在这里做错了什么？

这是我的 xml。

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <include
            android:id="@+id/toolbar_actionbar"
            layout="@layout/toolbar_default"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="gone"/>

        <FrameLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/toolbar_actionbar"
            android:clickable="true" />

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <TextView
            android:layout_below="@+id/toolbar_actionbar"
            android:paddingRight="30dp"
            android:textColor="#fff"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:text="Skip"
            android:textSize="20sp"
            android:gravity="right"
            android:id="@+id/txt_skip"
            android:layout_alignParentRight="true"
            android:layout_marginTop="20dp"
            />

        <com.viewpagerindicator.CirclePageIndicator
            android:id="@+id/indicator"
            android:layout_width="80dp"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:gravity="bottom"
            app:centered="true"
            app:fillColor="@color/white"
            app:pageColor="@color/white"
            app:snap="false"
            android:paddingBottom="20dp"
            android:layout_margin="2dp"
            />


        <com.gc.materialdesign.views.ButtonRectangle
            android:id="@+id/sign_in_button"
            android:layout_width="90dp"
            android:layout_height="60dp"
            android:background="@color/primary_color"
            android:text="Sign in"
            android:paddingBottom="20dp"
            android:paddingRight="40dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"/>


        <com.gc.materialdesign.views.ButtonRectangle
            android:id="@+id/sign_up_button"
            android:layout_width="90dp"
            android:layout_height="60dp"
            android:background="@color/primary_color"
            android:text="Sign Up"
            android:paddingBottom="20dp"
            android:paddingLeft="40dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"/>
    </RelativeLayout>


    <fragment
        android:visibility="gone"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:id="@+id/fragment_drawer"
        android:layout_gravity="start"
        android:background="#ff0000"
        app:layout="@layout/fragment_navigation_drawer"
        android:name="com.app.foodmandu.view.nav.NavigationDrawerFragment"/>

</android.support.v4.widget.DrawerLayout>

这是在单击按钮时从活动触发片段事务的方法。

// inside onClick method.
 openFragment( SignupFragment.newInstance());


// This method gets invoked when a button is clicked.
 public void openFragment(Fragment fragment) {
    FragmentTransaction ft = getSupportFragmentManager()
            .beginTransaction();
    ft.replace(R.id.container,
            fragment);
    ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);
    ft.addToBackStack(null);
    ft.commitAllowingStateLoss();
}

Answer 1

您需要在活动onCreate方法上添加默认片段，如下所示：

getFragmentManager().beginTransaction().add(R.id.container, YOUR FRAGMENT).commit();

Answer 2

我认为您的 FrameLayout 隐藏在 ViewPager 下，而 ViewPager 与 FrameLayout 重叠。 试试这个：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <include
        android:id="@+id/toolbar_actionbar"
        layout="@layout/toolbar_default"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone"/>



    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <TextView
        android:layout_below="@+id/toolbar_actionbar"
        android:paddingRight="30dp"
        android:textColor="#fff"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:text="Skip"
        android:textSize="20sp"
        android:gravity="right"
        android:id="@+id/txt_skip"
        android:layout_alignParentRight="true"
        android:layout_marginTop="20dp"
        />

    <com.viewpagerindicator.CirclePageIndicator
        android:id="@+id/indicator"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:gravity="bottom"
        app:centered="true"
        app:fillColor="@color/white"
        app:pageColor="@color/white"
        app:snap="false"
        android:paddingBottom="20dp"
        android:layout_margin="2dp"
        />


    <com.gc.materialdesign.views.ButtonRectangle
        android:id="@+id/sign_in_button"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:background="@color/primary_color"
        android:text="Sign in"
        android:paddingBottom="20dp"
        android:paddingRight="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"/>


    <com.gc.materialdesign.views.ButtonRectangle
        android:id="@+id/sign_up_button"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:background="@color/primary_color"
        android:text="Sign Up"
        android:paddingBottom="20dp"
        android:paddingLeft="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"/>

   <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/toolbar_actionbar"
        android:clickable="true" />

</RelativeLayout>


<fragment
    android:visibility="gone"
    android:layout_width="280dp"
    android:layout_height="match_parent"
    android:id="@+id/fragment_drawer"
    android:layout_gravity="start"
    android:background="#ff0000"
    app:layout="@layout/fragment_navigation_drawer"
    android:name="com.app.foodmandu.view.nav.NavigationDrawerFragment"/>

通过将您的 FrameLayout 放在 RelativeLayout 内的最后一个，它将出现在所有内容的顶部并与任何其他视图重叠。