Android工作室：如何使用ViewPager添加選項卡

Question

我想添加一個帶有pagerview（可滾動）選項卡的片段。

public class MyFragment extends Fragment { 
    private FragmentTabHost tabHost; 
    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
     tabHost = new FragmentTabHost(getActivity()); 
     tabHost.setup(getActivity(), getChildFragmentManager(), R.id.realtabcontent); 
     tabHost.addTab(tabHost.newTabSpec("one").setIndicator("One"), OneFragment.class, null); 
     tabHost.addTab(tabHost.newTabSpec("two").setIndicator("Two"), TwoFragment.class, null); 
     return tabHost; 
    } 


    @Override 
    public void onDestroyView(){ 
     super.onDestroyView(); 
     tabHost=null; 
    } 
} 

通過這一佈局，

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.app.FragmentTabHost 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

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

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

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

我嘗試了幾種解決方案，但不起作用。 我需要使用片段，而不是fragmentActivity。編寫的代碼工作。

Answer 1

使用的XML文件是這樣的：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 


    <android.support.design.widget.TabLayout 
     android:id="@+id/tabLayout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="?attr/colorPrimary" 
     app:tabGravity="fill" 
     app:tabMode="fixed" 
     app:tabMaxWidth="0dp" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/> 

    <!-- View pager to swipe views --> 
    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent"/> 

</LinearLayout> 

和你的java文件是在這裏：

public class MyFragment extends Fragment { 

    private View view; 
    private TabLayout tabLayout; 

    //This is our viewPager 
    private ViewPager viewPager; 

    @Nullable 
    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 

     view = inflater.inflate(R.layout.sticker_fragment, container, false); 

     tabLayout = (TabLayout) view.findViewById(R.id.tabLayout); 

     viewPager = (ViewPager) view.findViewById(R.id.pager); 

     Viewpager adapter = new Viewpager(getActivity().getSupportFragmentManager(), getActivity()); 

     //Adding adapter to pager 
     viewPager.setAdapter(adapter); 


     tabLayout.setupWithViewPager(viewPager); 
     tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { 
      @Override 
      public void onTabSelected(TabLayout.Tab tab) { 
       viewPager.setCurrentItem(tab.getPosition()); 
      } 

      @Override 
      public void onTabUnselected(TabLayout.Tab tab) { 

      } 

      @Override 
      public void onTabReselected(TabLayout.Tab tab) { 

      } 

      }); 

     return view; 
    } 



} 

後viewpager適配器是這樣的：

public class Viewpager extends FragmentStatePagerAdapter { 

    final int PAGE_COUNT = 2; 
    private String tabTitles[] = new String[]{"Local","Online"}; 
    private Context context; 

    public Viewpager(FragmentManager fm, Context context) { 
     super(fm); 
     this.context = context; 
    } 

    @Override 
    public Fragment getItem(int position) { 
     switch (position){ 
      case 0: 
       OneFragment oneFragment=new OneFragment(); 
       return oneFragment; 
      case 1: 
       TwoFragment twoFragment=new TwoFragment(); 
       return twoFragment; 
      default: 
       return null; 
     } 
    } 

    @Override 
    public int getCount() { 
     return tabTitles.length; 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 

     return tabTitles[position]; 
    } 

} 

Answer 2

ViewPagerTabAdapter.java

class ViewPagerTabAdapter extends FragmentPagerAdapter { 

    private final List<Fragment> mFragmentList = new ArrayList<>(); 
    private final List<String> mFragmentTitleList = new ArrayList<>(); 

    public ViewPagerTabAdapter(FragmentManager manager) { 
     super(manager); 
    } 

    @Override 
    public Fragment getItem(int position) { 
     return mFragmentList.get(position); 
    } 

    @Override 
    public int getCount() { 
     return mFragmentList.size(); 
    } 

    public void addFragment(Fragment fragment, String title) { 
     mFragmentList.add(fragment); 
     mFragmentTitleList.add(title); 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     return mFragmentTitleList.get(position); 
    } 
} 

MainActivity.java

private void setupViewPager(ViewPager viewPager) { 
    ViewPagerTabAdapter adapter = new ViewPagerTabAdapter(getSupportFragmentManager()); 
    adapter.addFragment(new UtamaFragment(), "Beranda"); 
    adapter.addFragment(new HotFragment(), "Hot Promo"); 
    adapter.addFragment(new DiskonFragment(), "Diskon Besar"); 
    viewPager.setAdapter(adapter); 
}