Android studio: how add tabs with ViewPager

Question

I want to add in a fragment a tab with pagerview (scrollable).

    public class MyFragment extends Fragment {
    private FragmentTabHost tabHost;
    @Override
         


        

Answer 1

Small Code for Tablayout + ViewPager

// find views by id
ViewPager vp= findViewById(R.id.viewpager);
TabLayout tl = findViewById(R.id.tablayout);

// attach tablayout with viewpager
tl.setupWithViewPager(vp);

ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());

// add your fragments
adapter.addFrag(new SampleFragment(), "Tab1");
adapter.addFrag(new SampleFragment(), "Tab2");
adapter.addFrag(new SampleFragment(), "Tab3");

// set adapter on viewpager
vp.setAdapter(adapter);

XML layout

Note If you are not using AndroidX yet, you need to change following in layout.

• Change com.google.android.material.tabs.TabLayout to android.support.design.widget.TabLayout
• Chagne androidx.viewpager.widget.ViewPager to android.support.v4.view.ViewPager

But I'll strongly recommend to migrate to AndroidX, see @this answer to understand why.

And this is common ViewPagerAdapter for all your Viewpager in app.

public class ViewPagerAdapter extends FragmentStatePagerAdapter {
    private final List mFragmentList = new ArrayList<>();
    private final List 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();
    }

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

    public void addFrag(Fragment fragment) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add("");
    }

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

If you need to set ViewPager in Fragment, please check @this answer.