Mohammad Sommakia
Mohammad Sommakia

Reputation: 1833

TabLayout: Lag when switching fragments

I have 50 fragments with at least 20 components in each one. I'm experiencing a delay (lag) when switching tabs, even though I've used this statement:

viewpager.setOfscreenPageLimit(2)

but it didn't work. I tried to initialize the tablayout with the fragments in a different thread (apart from the UI thread), like this:

new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {

                        PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager());

                        // Add Fragments  
                        // Here there are 50 fragments, but I added just 2 
                        //fragments for simplicity

                        //region Phase Five
                        adapter.addFragment(new PhaseFiveTestTwoFragment(), "");

                        adapter.addFragment(new LessonOneFragment(), "");
                        //endregion

                        viewPager.setOffscreenPageLimit(2);

                        viewPager.setAdapter(adapter);

                        tabLayout.setupWithViewPager(viewPager);

                    }
                }, 100);

But, I still had a lag when switching tabs.

This is an example of how many components I have:

enter image description here

Any help will be appreciated.

Upvotes: 1

Views: 939

Answers (1)

Shahin
Shahin

Reputation: 397

Don't use Handler for this one. You really don't need to set up a delay for this

Use this as your ViewPagerAdapter (Which is just a standard ViewPager Adapter Structure):

private class ViewPagerAdapter extends FragmentPagerAdapter {
  private final List < Fragment > mFragList = new ArrayList < > ();



  public ViewPagerAdapter(FragmentManager fm) {
    super(fm);
  }

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

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

  public void addFragmentI(Fragment fragment) {
    mFragList.add(fragment);
  }
  private void removeFragmentI(Collection < Fragment > fragment) {
    mFragList.removeAll(fragment);
  }
}

And for setting Adapter Use something like This:

Fragment[] frags = {
  new Fragment1(),
  new Fragment2(),
  new Fragment3(),
  new Fragment4(),
  new Fragment5()
};
for (int i = 0; i < tabCount; i++) {
  pagerAdapter.addFragmentI(frags[i]);
}
mViewPager.setAdapter(pagerAdapter);
mTabLayout.setupWithViewPager(mViewPager);

mTabLayout.setTabGravity(TabLayout.GRAVITY_CENTER);
mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

This must work without a glitch. Keep your Fragments Light as well

Upvotes: 1

Related Questions