如何以編程方式用片段替換框架布局

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 內的最后一個，它將出現在所有內容的頂部並與任何其他視圖重疊。