web-dev-qa-db-fra.com

Comment créer dynamiquement des onglets avec viewpager sous android?

Explication:

Supposons que j'ai plusieurs catégories qui proviennent de mon REST. Je ne sais pas combien de catégories cela peut être 5,7 ou parfois 2, etc. Je veux mettre toutes les catégories sur mon onglet avec viewpager. Je veux créer un onglet en fonction de la taille des catégories. Voyons par exemple supposons que dans ma réponse REST ne comporte que 2 catégories, il ne crée que deux onglets. si il a 5 catégories puis 5 onglet et ainsi de suite.

Voici l'exemple de test pour créer un onglet.

MainActivity.Java 

public class MainActivity extends AppCompatActivity {

    TabLayout tabLayout;
    ViewPager viewPager;
    Toolbar toolbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        toolbar=(Toolbar)findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        tabLayout=(TabLayout)findViewById(R.id.tabs);
        viewPager=(ViewPager)findViewById(R.id.viewpager);

        setupViewPager(viewPager);
        viewPager.setCurrentItem(0);
        tabLayout.setupWithViewPager(viewPager);
    }
    private void setupViewPager(ViewPager viewPager) {
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        for(int i=0;i<3;i++){
            adapter.addFragment(new OneFragment(), "ONE");
//            adapter.addFragment(new TwoFragment(), "TWO");
            viewPager.setAdapter(adapter);
        }
    }
}

ViewPagerAdapter.Java 

public class ViewPagerAdapter extends FragmentPagerAdapter {

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

    public ViewPagerAdapter(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);
    }
}

S'il vous plaît, comment puis-je résoudre ???

javaandroidandroid-tabs
8
Milan Gajera

Après avoir obtenu la taille des catégories, vous pouvez ajouter des onglets dynamiques en fonction de la taille de vos catégories, comme indiqué ci-dessous:

public class MainActivity extends AppCompatActivity {

TabLayout tabLayout;
ViewPager viewPager;
Toolbar toolbar;
int no_of_categories=-1;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    toolbar=(Toolbar)findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    tabLayout=(TabLayout)findViewById(R.id.tabs);
    viewPager=(ViewPager)findViewById(R.id.viewpager);

    no_of_categories=YOUR_NO_CATEGORIES;

    for (int i = 0; i < no_of_weeks; i++) {
        tabLayout.addTab(tabLayout.newTab().setText("TAB " + String.valueOf(i + 1)));
    }

    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager(),tabLayout.getTabCount());
    viewPager.setAdapter(adapter);

    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) {

        }
    });


   }
}

Et votre classe d'adaptateur devrait être comme ci-dessous:

public class ViewPagerAdapterextends FragmentStatePagerAdapter {
int mNumOfTabs;
Fragment fragment = null;

public ViewPagerAdapter(FragmentManager fm, int NumOfTabs) {
    super(fm);
    this.mNumOfTabs = NumOfTabs;
}

@Override
public Fragment getItem(int position) {

    for (int i = 0; i < mNumOfTabs ; i++) {
        if (i == position) {
            fragment = YourFragment.newInstance();
            break;
        }
    }
    return fragment;

}

@Override
public int getCount() {
    return mNumOfTabs;
}

@Override
public CharSequence getPageTitle(int position) {
    return super.getPageTitle(position);
}
}
7
Drv

si j'étais vous j'essaierais quelque chose comme ceci:

ce n'est pas une solution parfaite, mais une idée de la façon dont vous pouvez le faire, vous devez le modifier davantage.

Créez number of fagments = total number of categeries et nommez-les de la manière suivante: fragment0, fragment1, etc. jusqu'au nombre total de catergeries. 

et puis obtenir le nombre de catergeries d'abord permet de dire

int count = number of categeries;

puis ajoutez des fragments à ViewPager comme ceci

ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    for(int i=0; i <= count; i++){
        adapter.addFragment(new Fragment(i)(), "ONE");
        viewPager.setAdapter(adapter);
    }
}

et pour nommer les fragments i.e titre de l'onglet, vous pouvez faire la liste des titres de fragments, quelque chose comme ça

private final String[] title = {"One", "Two","Three"};

ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        for(int i=0; i < count; i++){
            adapter.addFragment(new Fragment(i)(), title[i]);
            viewPager.setAdapter(adapter);
        }
    }

J'espère que ça aide

2
Max