這是一種經典佈局方式,同時使用頻率很是高。首先說fragmentpagerviewadapter,一樣的還有fragmentstateviewpageradapter,前者適用於少許fragment,會緩存三個fragment,複用率高,在界面少的時候建議使用。
實現思路爲 1將fragment用getsupportfragemnt加入到adapter中,2將adapter加入到view pager中,最後將tablayout與viewpager關聯,一個簡單的例子代碼以下,在oncreate方法中:緩存
mAdapter=new MinePagerAdapter(this,getSupportFragmentManager(),viewpagerAcMain); viewpagerAcMain.setAdapter(mAdapter); tabLayout.setupWithViewPager(viewpagerAcMain); mAdapter.setFragment(fragments); for (int i = 0; i <tabLayout.getTabCount(); i++) { TabLayout.Tab tab=tabLayout.getTabAt(i); assert tab != null; tab.setCustomView(mAdapter.getCustomView(i,tabLayout)); } viewpagerAcMain.setCurrentItem(0);
若是要設置tablayout點擊標題欄變色請設置tablayout的監聽statechange方法。
關於setfragment方法,解釋一下,使用setfragment是adapter中寫的方法,是爲了獲取fragment時銷燬重建新的fragment,達到強制刷新數據的結果,可是有損於界面渲染速度。adapter代碼以下。同時在adapter中寫tablayout的view獲取方法,getcumstomview,填充tablayout的界面。若是你沒有數據刷新的需求,能夠直接在adapter的getItem繼承方法中使用switch切換fragment簡單實現。ide
public class MinePagerAdapter extends FragmentPagerAdapter { Context mContext; List<Fragment> fragments=new ArrayList<>(); FragmentManager fm; ViewPager viewPager; public MinePagerAdapter(@NonNull FragmentManager fm, int behavior) { super(fm, behavior); } public MinePagerAdapter(Context context, FragmentManager fm, ViewPager viewPager) { super(fm); this.mContext=context; this.fm=fm; this.viewPager=viewPager; } @Override public int getItemPosition(@NonNull Object object) { return POSITION_NONE; } @NonNull @Override public Fragment getItem(int position) { return fragments.get(position); } @Override public int getCount() { return fragments.size(); } public void setFragment(List<Fragment> fragments) { if (this.fragments != null) { FragmentTransaction ft=fm.beginTransaction(); for (Fragment fragment : fragments) { this.fragments.remove(fragment); } ft.commit(); ft=null; fm.executePendingTransactions(); } this.fragments=fragments; notifyDataSetChanged(); } public View getCustomView(int position, TabLayout tabLayout) { Context context=mContext; View view=null; view= LayoutInflater.from(context).inflate(R.layout.item_tab_act_main,tabLayout,false); ImageView image=view.findViewById(R.id.im_tab); switch(position){ case 0: image.setBackgroundResource(R.drawable.ic_start); break; case 1: image.setBackgroundResource(R.drawable.ic_start); break; case 2: image.setBackgroundResource(R.drawable.ic_start); break; } return view; } }
若是在其餘fragment中想設置跳轉其餘fragment的方式,在activity中實現方法佈局
public void setPageCurrent(int position) { viewpagerAcMain.setCurrentItem(position); }