PagerSlidingTabStrip implement guide

前端 未结 2 606
别那么骄傲
别那么骄傲 2020-12-09 22:37

I am trying to use this library in my app:https://github.com/astuetz/PagerSlidingTabStrip

I read the documents but I didn\'t understand anything.I have two fragments

2条回答
  •  粉色の甜心
    2020-12-09 23:26

    step by step

    I just make it for two tabs as you asked!

    0) Add the library to your build path

    1) Create your two fragments

    public class FragmentA extends Fragment {
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            return inflater.inflate(R.layout.fragment_a,container,false);
        }
    }
    

    and

    public class FragmentB extends Fragment {
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            return inflater.inflate(R.layout.fragment_b,container,false);
        }
    }
    

    and their layouts for example can be:

    
    
    
    
        
    
    

    2) Create MainActivity layout:

    
    
        
    
        
    
    
    

    3) Create your viewpager adapter

    public class MyPagerAdapter extends FragmentPagerAdapter {
    
        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }
        @Override
        public CharSequence getPageTitle(int position) {
            return (position == 0)? "Tab 1" : "Tab2" ;
        }
        @Override
        public int getCount() {
           return 2;
        }
       @Override
       public Fragment getItem(int position) {
          return (position == 0)? new FragmentA() : new FragmentB() ;
       }
    }
    

    3) Assign adapter to your viewpager and the viewpager to the PagerSlidingTabStrip at the MainActivity

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
             ViewPager pager = (ViewPager) findViewById(R.id.pager);
             pager.setAdapter(new MyAdapter(getSupportFragmentManager()));
    
             // Bind the tabs to the ViewPager
             PagerSlidingTabStrip tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs);
             tabs.setViewPager(pager); 
        }
    

    4) Run

    enter image description here

提交回复
热议问题