使用带有 ViewPager 的 Fragment TabHost答案

【问题标题】：using a FragmentTabHost with a ViewPager使用带有 ViewPager 的 Fragment TabHost
【发布时间】：2014-06-27 14:25:05
【问题描述】：

我想使用FragmentTabHost 和ViewPager 创建一个滑动标签界面。到目前为止，我让片段滑动。唯一发生的事情是片段能够滑到禁用/卡住且不工作的选项卡后面。如何使 FragmentTabHost 选项卡与 ViewPager 一起使用以在选项卡之间滑动？

我尝试在不使用 viewpager 的情况下使用 FragmentTabHost，它可以正常工作，但无法使用 viewpager。

下面是它的截图：

主要Java源代码：

import java.util.List;
import java.util.Vector;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentTabHost;
import android.support.v4.view.ViewPager;



public class MainActivity extends FragmentActivity {
 private FragmentTabHost mTabHost;
 private ViewPager pager;
 private MyPagerAdapter adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
     mTabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);

        pager = (ViewPager) findViewById(R.id.viewpager);                                   
        List<Fragment> fragments = new Vector<Fragment>();
        fragments.add(Fragment.instantiate(this, BatteryFragment.class.getName()));
        fragments.add(Fragment.instantiate(this, DeviceFragment.class.getName()));
        fragments.add(Fragment.instantiate(this, NetworkFragment.class.getName()));         
        adapter = new MyPagerAdapter(getSupportFragmentManager(),       fragments);

        pager.setAdapter(adapter);

        mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);

        mTabHost.addTab(mTabHost.newTabSpec("battery").setIndicator("Battery",
                getResources().getDrawable(R.drawable.ic_battery_tab)),
                BatteryFragment.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("network").setIndicator("Network",
                getResources().getDrawable(R.drawable.ic_network_tab)),
                   NetworkFragment.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("device").setIndicator("Device",
                getResources().getDrawable(R.drawable.ic_device_tab)),
                DeviceFragment.class, null);




}


public class MyPagerAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragments;

    public MyPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
        super(fm);
        this.fragments = fragments;
    }       

    @Override
    public Fragment getItem(int arg0) {
        // TODO Auto-generated method stub
        return this.fragments.get(arg0);
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return this.fragments.size();
    }

}


}

XML 代码：

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

    <TabWidget
        android:id="@android:id/tabs"            
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0"/>       

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

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

     <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>         

</LinearLayout>

</android.support.v4.app.FragmentTabHost>

【问题讨论】：

你们是如何实现的？我想用 viewpager 做 fragmenttabhost 但找不到任何样本。
使用这种方法，片段被添加了两次。一个是因为 FragmentTabHost，一个是因为 ViewPager Adapter。

标签： android android-fragments android-viewpager android-fragmentactivity fragment-tab-host

【解决方案1】：

将以下内容添加到您的代码中：

              pager.setOnPageChangeListener(new OnPageChangeListener() {

                @Override
                public void onPageSelected(int arg0) {
                    // TODO Auto-generated method stub
                    mTabHost.setCurrentTab(arg0);
                }

                @Override
                public void onPageScrolled(int arg0, float arg1, int arg2) {
                    // TODO Auto-generated method stub

                }

                @Override
                public void onPageScrollStateChanged(int arg0) {
                    // TODO Auto-generated method stub

                }
            });

问题是当你滑动片段时，标签无法知道它，通过上面的代码指定，你可以做到这一点。我有同样的问题，但通过这个解决了。希望这会有所帮助。

【讨论】：