如何以编程方式用fragment替换framelayout

时间:2016-02-04 05:49:58

标签: android fragment android-framelayout material fragmenttransaction

我试图在活动中单击按钮时用片段替换带有id容器的framelayout。我认为我编写的代码是有效的,但有些不对的可能就是布局问题。当应用程序运行时,片段会出现眨眼一秒钟,它会立即消失,有些事情会阻止它。可能是framelayout遇到了viewpager的问题。我在这里做错了什么?

这是我的xml。

Request::setTrustedProxies($LB_IP)

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

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

2 个答案:

答案 0 :(得分:0)

您需要在活动 onCreate 方法中添加默认片段,如下所示:

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

答案 1 :(得分:0)

我认为您的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的最后一个内部,它将显示在所有内容的顶部,并将与任何其他视图重叠。