説明:
RESTから取得した複数のカテゴリがあるとします。 5、7、時には2などのカテゴリがいくつあるかわかりません。すべてのカテゴリをビューページャーのタブに配置したいと思います。カテゴリのサイズに合わせてタブを作成したい。見てみましょうmy RESTレスポンスに2つのカテゴリしかない場合、2つのタブしか作成されないと仮定します。5つのカテゴリがあり、その後5つのタブがある場合などです。
以下は、タブを作成するためのサンプルテストの例です。
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);
}
}
どうすれば解決できますか???
カテゴリのサイズを取得したら、次のようにカテゴリのサイズに応じて動的タブを追加できます。
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) {
}
});
}
}
そしてあなたのアダプタクラスは以下のようになります:
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);
}
}
もし私があなただったら、私はこのようなことを試みるでしょう:
これは完璧な解決策ではなく、それを行う方法のアイデアにすぎません。さらに修正する必要があります。
number of fagments = total number of categeries
を作成し、fragment0
、fragment1
のように名前を付けて、カテゴリの合計数にします。
そして最初にカテゴリーの数を取得します
int count = number of categeries;
このようにフラグメントをViewPager
に追加します
ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
for(int i=0; i <= count; i++){
adapter.addFragment(new Fragment(i)(), "ONE");
viewPager.setAdapter(adapter);
}
}
フラグメントに名前を付けるには、タブのタイトルに次のようなフラグメントタイトルのリストを作成します。
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);
}
}
それが役に立てば幸い
Kotlinの場合
カテゴリサイズを取得したら、以下のように、カテゴリサイズごとに動的タブを追加できます。
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?) {
}
})
}
}
そして、これがあなたのアダプタクラスです:
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)
}
}
動的なタブレイアウトとビューページャーが必要な場合は、以下のコードをkotlinに使用できます。
for (i in 0 until tabLayout.size) {
tabLayout.addTab(tabLayout.newTab().setText(tablayoutNameHere))
}
この領域は、スクロールできないようにしたい場合に使用できます。
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