Usar fragmento único em várias guias do ViewPager
Estou usando o ViewPager para deslizar para a esquerda e para a direita, também adicionei as guias. O número de guias depende dos dados do servidor. Portanto, não posso definir o número de guias como Fixo. Para fazer isso, usei apenas um fragmento único e um RecyclerView para exibir dados JSON no recyclerView. Quando o primeiro aplicativo é iniciado, os dados que devem ser mostrados na 2ª guia são exibidos na própria 1ª guia. Depois de deslizar para a 3ª guia e voltar novamente para a 1ª guia, os dados estão sendo exibidos corretamente.
É o mesmo que GooglePlayStore. Eu acho que existe apenas um fragmento, porque a interface do usuário é a mesma em todas as guias.
Aqui está o código para adicionar fragmento e exibir os dados no recyclerView.
PagerAdapter.java
private class PagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;
List<List<ProductInfo>> data;
public PagerAdapter(FragmentManager fm, int NumofTabs, List<List<ProductInfo>> data) {
super(fm);
mNumOfTabs = NumofTabs;
this.data = data;
}
@Override
public Fragment getItem(int position) {
/* ProductFragment pf = ProductFragment.newInstance(data.get(position),position);
return pf;*/
return ProductFragment.newInstance(data.get(position),0);
}
@Override
public int getCount() {
return mNumOfTabs;
}
}
Fragment.java
public class ProductFragment extends Fragment {
private static final String ARG_PRODUCTS = "PRODS";
private static List<ProductInfo> allProducts;
int position = 0;
RecyclerView prodList;
public static ProductFragment newInstance(List<ProductInfo> products,int position) {
ProductFragment fragment = new ProductFragment();
Bundle args = new Bundle();
args.putParcelableArrayList(ARG_PRODUCTS, (ArrayList<ProductInfo>) products);
args.putInt("KEY_POSITION",position);
args.putInt("KEY_ID",id);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//if(isVisibleToUser){
if (getArguments() != null) {
allProducts = getArguments().getParcelableArrayList(ARG_PRODUCTS);
this.position = getArguments().getInt("KEY_POSITION");
}
// }
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
View view = inflater.inflate(R.layout.fragment_product, container, false);
prodList = (RecyclerView) view.findViewById(R.id.product_list);
return view;
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
prodList.setLayoutManager(new LinearLayoutManager(getActivity()));
prodList.setAdapter(new ProductAdapter(getActivity(), allProducts));
Log.e("ProductFragment " ,"" + allProducts.get(position).getName());
}
EDITADO: Activity.java
onCreate(){
TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
allProducts = new ArrayList<>();
for (Category cat : catList) {
tabLayout.addTab(tabLayout.newTab().setText(cat.getName()));
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
//tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
allProducts.add(cat.getProductsList());
}
viewPager = (ViewPager) findViewById(R.id.pager);
adapter = new PagerAdapter
(getSupportFragmentManager(), tabLayout.getTabCount(), allProducts);
viewPager.setOffscreenPageLimit(0);
viewPager.setAdapter(adapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
Log.e("ViewPager "," getCurrentItem() "+viewPager.getCurrentItem());
viewPager.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
}
insira a descrição da imagem aqui