7

我正在尝试创建tab layout with fragments. 当我在项目单击上添加另一个片段时,它应该在其上方显示另一个片段。我无法达到目标。片段刚刚超出现有片段,但两个片段内容都是可见的。请不要将链接扔向任何开发人员页面以进行解释。

这是我的代码

home_activity.xml

<TabHost
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </TabWidget>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <fragment
                android:id="@+id/tab1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                class="com.example.tabsfragment.School_Fragment" >
            </fragment>

            <fragment
                android:id="@+id/tab2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                class="com.example.tabsfragment.Sports_Fragment" >
            </fragment>
        </FrameLayout>
    </LinearLayout>
</TabHost>

Home_Activity.java

public class Home_Activity extends FragmentActivity {

TabHost mHost;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.home_activity);

    mHost = (TabHost) findViewById(android.R.id.tabhost);

    mHost.setup();

    TabSpec schoolSpec = mHost.newTabSpec("School").setIndicator("School")
            .setContent(R.id.tab1);
    mHost.addTab(schoolSpec);

    TabSpec sportSpec = mHost.newTabSpec("Sports").setIndicator("Sportss")
            .setContent(R.id.tab2);
    mHost.addTab(sportSpec);

    mHost.setCurrentTab(1);

}

entertainment.xml

<FrameLayout
    android:id="@+id/frameContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />
</FrameLayout>

我在list_item_click里面添加另一个片段Sports_Fragment

@Override
    public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
        // TODO Auto-generated method stub

        FragmentTransaction ft = getFragmentManager().beginTransaction();
        Entertainment_Fragment enFragment = new Entertainment_Fragment();
        ft.replace(android.R.id.tabcontent, enFragment);
        ft.commit();
    }

这是快照:

截屏

任何关于解释的想法/帮助将不胜感激。

谢谢!!

4

1 回答 1

10

首先,我认为值得一提...

“您无法替换布局文件中静态定义的片段。您只能替换通过 FragmentTransaction 动态添加的片段”

请参见

Android:不能用另一个片段替换一个片段

如何在单个选项卡中显示新片段?

这是解决方案。

在 home_activity.xml 中,您应该将 tabcontent 留空。

    <FrameLayout
        android:id="@+id/tabcontent"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

你的家_活动

    private FragmentTabHost mHost;

public void changeFragment() {
    FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
    EntertainmentFragment enFragment = new EntertainmentFragment();
    ft.replace(R.id.tabcontent, enFragment);
    ft.commit();
}

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
    mHost.setup(this, getSupportFragmentManager(), R.id.tabcontent);
    mHost.addTab(mHost.newTabSpec("School")
            .setIndicator("School"), SchoolFragment.class, null);
    mHost.addTab(mHost.newTabSpec("Sport")
            .setIndicator("Sport"), SportsFragment.class, null);
}

在你的 onIemClick (Sports_Fragment) 中,添加这个

MainActivity mainAct = (MainActivity)getActivity();
            mainAct.changeFragment();

我基于您的代码的完整项目在这里

当我测试您的代码时,我没有机会真正检查为什么 TabHost 不起作用。但是FragmentTabHost对我来说很好。

编辑:要解决重叠问题,您可以设置 OnTabChangeListener:

mHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {

        @Override
        public void onTabChanged(String tabId) {
            // TODO Auto-generated method stub
            if (tabId.equalsIgnoreCase("School")) {
                Log.v(TAG, "school");
                FragmentTransaction ft = getSupportFragmentManager()
                        .beginTransaction();
                schoolFrag = new SchoolFragment();
                ft.replace(R.id.tabcontent, schoolFrag);
                ft.commit();
            }
            if (tabId.equalsIgnoreCase("Sport")) {
                Log.v(TAG, "Sport");
                FragmentTransaction ft = getSupportFragmentManager()
                        .beginTransaction();
                SportsFragment sportFrag = new SportsFragment();
                ft.replace(R.id.tabcontent, sportFrag);
                ft.commit();
            }
        }

    });

关于背压,你可以试试

ft.addToBackStack(null);
于 2013-05-27T22:58:42.853 回答