java 如何在android中使用viewpager动态创建标签？

How can i create dynamically tab with viewpager in android?

提问by Milan Gajera

Explanation:

解释：

Suppose, I have multiple categories which come from my REST. I don't know how many categories it's mat be 5,7 or sometimes 2 etc. I want to put all the categories on my tab with viewpager. I want to create a tab accordingly to the categories size. let's see e.g. suppose in my REST response have only 2 categories it's create only two tab. if it have 5 categories then 5 tab and so on.

假设，我有多个来自我的 REST 的类别。我不知道有多少个类别是 5,7 或有时是 2 等。我想使用 viewpager 将所有类别放在我的选项卡上。我想根据类别大小创建一个选项卡。让我们看看，例如假设在我的 REST 响应中只有 2 个类别，它只创建了两个选项卡。如果它有 5 个类别，则有 5 个选项卡等等。

Here is the sample test example to create a tabs.

这是创建选项卡的示例测试示例。

MainActivity.java

主活动.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

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);
    }
}

Please, How can I solve out???

请问，怎么解决？？？

采纳答案by Dhruvi

After you get categories size, you can add dynamic tabs as per your categories size as below:

获得类别大小后，您可以根据类别大小添加动态选项卡，如下所示：

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

        }
    });


   }
}

And your Adapter Class should be like below:

您的适配器类应如下所示：

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

回答by Max

if I were you I would try something like this:

如果我是你，我会尝试这样的事情：

its not a perfect solution just an idea of how you can do it, you would need to further modify it.

它不是一个完美的解决方案，只是您如何做到这一点的想法，您需要进一步修改它。

Create number of fagments = total number of categeriesand name them like fragment0, fragment1so on to the total number of categeries.

创建number of fagments = total number of categeries并命名它们，如fragment0，fragment1依此类推到类别总数。

and then get the number of categeries first lets say

然后先得到类别的数量让我们说

int count = number of categeries;

and then add fragments to ViewPagerlike this

然后ViewPager像这样添加片段

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

and to name the fragments i.e tab title you can make list of fragment titles, something like this

并命名片段，即标签标题，您可以制作片段标题列表，如下所示

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);
        }
    }

I hope it helps

我希望它有帮助

回答by Jamil Hasnine Tamim

For Kotlin

对于科特林

After you get categoriy size, you can add dynamic tabs as per your categories size as below:

获得类别大小后，您可以根据类别大小添加动态选项卡，如下所示：

class CategoryActivity : AppCompatActivity() {

    lateinit var binding: ActivityCategoryBinding
    var numberOfCat: Int? = -1


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView(this,R.layout.activity_category)

        numberOfCat = 10
        for (i in 0..numberOfCat!!){
            tabs_main.addTab(tabs_main.newTab().setText("Hello Fragment"))
        }
        var pagerViewAdapter = CategoryViewPagerAdapter(supportFragmentManager,tabs_main.tabCount,str)
        viewpager_main.adapter = pagerViewAdapter
        viewpager_main.adapter = pagerViewAdapter

        tabs_main.addOnTabSelectedListener(object: TabLayout.OnTabSelectedListener{
            override fun onTabReselected(p0: TabLayout.Tab?) {

            }

            override fun onTabSelected(p0: TabLayout.Tab?) {
                viewpager_main.currentItem = p0!!.position
            }

            override fun onTabUnselected(p0: TabLayout.Tab?) {

            }
        })

    }
}

And here is your adapter class:

这是您的适配器类：

class CategoryViewPagerAdapter(fm: FragmentManager, numberOfTabs: Int, title: String): FragmentPagerAdapter(fm) {

    var fragment: Fragment? = null
    var noOfTabs: Int = numberOfTabs
    var title: String = title

    override fun getItem(position: Int): Fragment {
        for (i in 0..noOfTabs){
            if (i == position){
                fragment = CommonFragmentForCategory.newInstance(title = title)
                break
            }
        }
        return fragment!!
    }

    override fun getCount(): Int {
        return noOfTabs
    }

    override fun getPageTitle(position: Int): CharSequence? {
        return super.getPageTitle(position)
    }
}

回答by Deniz

if you want to dynamic tablayout and viewpager you can use this below code for a kotlin;

如果你想动态 tablayout 和 viewpager 你可以使用下面的代码来处理 kotlin；

  for (i in 0 until tabLayout.size) {
        tabLayout.addTab(tabLayout.newTab().setText(tablayoutNameHere))
    }

This area if you want non scrollable you can handle use it;

这个区域如果你想要不可滚动你可以处理使用它；

    var tabLayoutConfig = Runnable {
        if (tabLayoutPrivilege.width < resources.displayMetrics.widthPixels) {
            tabLayoutPrivilege.tabMode = TabLayout.MODE_FIXED
            val mParams = tabLayoutPrivilege.layoutParams
            mParams.width = ViewGroup.LayoutParams.MATCH_PARENT
            tabLayoutPrivilege.layoutParams = mParams
        } else {
            tabLayoutPrivilege.tabMode = TabLayout.MODE_SCROLLABLE
        }
    }

    tabLayoutPrivilege.post(tabLayoutConfig)




val dynamicPrivilegeFragmentAdapter = DynamicPrivilegeFragmentAdapter(supportFragmentManager, tabCount,yourListHere)
        vpPrivilege.adapter = dynamicPrivilegeFragmentAdapter