android - 更改片段破坏我的布局

Question

有人可以帮我解决以下问题：我只是希望，当我单击一个按钮时，中间的片段会发生变化：

但是，如果我单击一个，则会发生这种情况：

有谁知道，有什么问题吗？

我的片段只是简单的 LineaLayouts，里面有一个文本字段。我的 Main.xml 看起来像这样：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/fragmentholder"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<View
    android:id="@+id/actionbar"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@drawable/actionbar_design" />

<LinearLayout
    android:id="@+id/fragments"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="@color/fragment_background"
    android:orientation="vertical" >

    <fragment
        android:id="@+id/clubFragment"
        android:name="com.ivenda.clubs.ClubListFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <fragment
        android:id="@+id/ticketFragment"
        android:name="com.ivenda.tickets.TicketListFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <fragment
        android:id="@+id/chatFragment"
        android:name="com.ivenda.chat.ChatListFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <fragment
        android:id="@+id/settingsFragment"
        android:name="com.ivenda.settings.SettingsFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

<LinearLayout
    android:id="@+id/tabbar"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@drawable/tabbar_design"
    android:orientation="horizontal" 
    android:gravity="bottom">

    <LinearLayout
        android:id="@+id/tabbarCustom1"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_weight="1"
        android:background="@drawable/tabbar_design"
        android:orientation="horizontal" >

        <ImageButton
            android:id="@+id/tabBarChat"
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_marginRight="1dp"
            android:layout_weight="1"
            android:background="@drawable/tabbar_background_selector"
            android:src="@drawable/ic_launcher" />

        <View
            android:id="@+id/View02"
            android:layout_width="2dp"
            android:layout_height="40dp"
            android:layout_gravity="center"
            android:background="@color/tabbar_divider" />

        <ImageButton
            android:id="@+id/tabBarClubs"
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:layout_marginRight="1dp"
            android:background="@drawable/tabbar_background_selector"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>

    <View
        android:id="@+id/View03"
        android:layout_width="2dp"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:background="@color/tabbar_divider" />

    <LinearLayout
        android:id="@+id/tabbarCustom2"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_weight="1"
        android:background="@drawable/tabbar_design"
        android:orientation="horizontal" >

        <ImageButton
            android:id="@+id/tabBarTickets"
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_marginRight="1dp"
            android:layout_weight="1"
            android:background="@drawable/tabbar_background_selector"
            android:src="@drawable/ic_launcher" />

        <View
            android:id="@+id/View01"
            android:layout_width="2dp"
            android:layout_height="40dp"
            android:layout_gravity="center"
            android:background="@color/tabbar_divider" />

        <ImageButton
            android:id="@+id/tabBarSettings"
            android:layout_width="wrap_content"
            android:layout_height="60dp"
            android:layout_weight="1"
            android:background="@drawable/tabbar_background_selector"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>
</LinearLayout>

要更改片段，我使用此调用：

switchFragment(R.id.fragmentholder, new SettingsFragment());

private void switchFragment(int fragId, Fragment frag){
     FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
     ft.replace(fragId, frag);
     ft.commit();
}

非常感谢！！

Answer 1

如果您一次只想显示其中一个，请不要将所有 4 个片段都放在布局中。只需将FrameLayout带有 id"@+id/fragmentholder"的 a 放在布局中您希望显示片段的位置，然后调用您的方法将 的内容替换为FrameLayout所需的片段。