Android ViewPager Prev/Next Bouton

Bien, je suis donc développer une application Android qui utilise un ViewPager pour afficher les pages.

À l'intérieur de chaque page, j'ai un ensemble de boutons à utiliser pour la navigation entre les pages (en plus de le glisser entre les pages). Ces boutons sont de "première page", "page précédente", "page suivante" et "la dernière page".

Ce que je peux pas comprendre comment le faire est de concevoir un mécanisme pour permettre un changement de page sur un clic de bouton.

Quelqu'un a des idées?

ETA: afin De mieux expliquer le programme d'installation, les boutons sont déclarées à l'intérieur de chaque disposition de la page, et sont gonflés avec le reste de la disposition au sein de la PagerAdapter. Mon problème est que je ne peut pas référence à la ViewPager de l'intérieur de la PagerAdapter. Ou au moins, je ne peux pas penser à une façon de le faire.

J'ai le même problème ( je ne sais pas comment faire référence à la ViewPager de l'intérieur de la PagerAdapter) , et l'on a Accepté la réponse n'est pas la réponse que soit utilise juste mViewPager, sans préciser ce que c'est). Alors comment avez-vous que cela fonctionne ?
Bien. C'était il y a quatre ans et je n'ai pas le code sous la main. N'ont même pas de travail pour la société, pas plus.
Mais je pense que j'ai fait quelque chose comme avoir le mViewPager comme une variable de classe plutôt que d'un local. J'ai basé cette partie du projet sur l'un des 2.5 exemple, des projets, de sorte que vous pouvez probablement trouver quelque chose de similaire pour les aider. Depuis que je fais cela, j'ai mis à jour le projet d'utiliser la version 4.0 de choses qui était tout à fait différent que je me souviens.

InformationsquelleAutor Yoda | 2012-06-01

Bouton:

Button yourButton = (Button)findViewById(R.id.button1);
    yourButton.setOnClickListener(new OnClickListener() {

     @Override
           public void onClick(View view) {
               mViewPager.setCurrentItem(getItem(+1), true); //getItem(-1) for previous
           }
        });

Fonction:

private int getItem(int i) {
       return mViewPager.getCurrentItem() + i;
}

Espère que cela aide 🙂

Cela permettra de jeter IndexOutOfBoundsExceptions car il n'y a pas de case pour la position actuelle.

InformationsquelleAutor sweggersen

44
```
yourButton.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View view) {
      yourViewPager.setCurrentItem(page, smoothScroll);
   }
});
```
- J'ai étudié, et qui a été ma première pensée. Mais les boutons sont déclarés dans les mises en page qui sont gonflés à la pression à l'intérieur de l'adaptateur qui ne peut pas référence à la ViewPager objet lui-même...
- Puis de créer un adaptateur personnalisé et passer le viewPager comme une variable? ou mieux encore, de passer d'un événement personnalisé à l'écoute.
- Qu'est-ce que la page et smoothScroll ?
- la page est yourViewPager.getCurrentItem+-1, smoothScroll est vrai.
- Pouvez-vous me dire, dans une réponse comment faire, ou donner un lien? Je suis un noob
InformationsquelleAutor Alex Orlov

J'ai terminé ce projet avec ce code.

vPager = (ViewPager) findViewById(R.id.viewpager);
    View tempView1 = inflater.inflate(R.layout.ani_dialog1, null);
    firstView = (ImageView) tempView1.findViewById(R.id.ani_dialog_next);
    views.add(tempView1);
    firstView.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            //TODO Auto-generated method stub
            vPager.setCurrentItem(1, true);

        }
    });

Pourquoi toujours à l'article 1? Bien que votre conservé "// TODO Auto-généré méthode stub" dans le code
Cela permettra de jeter IndexOutOfBoundsExceptions car il n'y a pas de case pour la position actuelle.

InformationsquelleAutor Mr king from Japan

1) Faire une mise en page

      <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:background="@color/white"
                android:weightSum="1">



                <android.support.v4.view.ViewPager
                    android:id="@+id/images_pager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    >
                </android.support.v4.view.ViewPager>

                <ImageView
                    android:id="@+id/img_next"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:src="@drawable/forward_white"
                    android:background="@color/colorPrimary"
                    android:layout_centerVertical="true"
                    android:layout_alignParentRight="true"
                    android:layout_marginRight="5dp"
                    android:paddingTop="5dp"
                    android:paddingBottom="5dp"
                    />


                <ImageView
                    android:id="@+id/img_previous"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:src="@drawable/back_white"
                    android:background="@color/colorPrimary"
                    android:layout_centerVertical="true"
                    android:layout_marginLeft="5dp"
                    android:layout_alignParentLeft="true"
                    android:paddingTop="5dp"
                    android:paddingBottom="5dp"/>


            </RelativeLayout>

2) Définir la coutume Adaptateur

        CustomViewPagerAdapter  custompageradpter;
ViewPager   mViewPager;
mViewPager = (ViewPager)shareImagesDialouge.findViewById(R.id.images_pager); 
custompageradpter = new CustomViewPagerAdapter(this);
mViewPager.setAdapter(custompageradpter);
public class CustomViewPagerAdapter  extends PagerAdapter {
Context mContext;
LayoutInflater mLayoutInflater;
int[] mResources = {
R.drawable.emoji_1,
R.drawable.emoji_2,
R.drawable.emoji_3,
R.drawable.emoji_4,
R.drawable.emoji_5,
R.drawable.emoji_6
};
public CustomViewPagerAdapter(Context context) {
mContext = context;
mLayoutInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
@Override
public int getCount() {
return mResources.length;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == ((LinearLayout) object);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View itemView = mLayoutInflater.inflate(R.layout.pager_item, container, false);
ImageView imageView = (ImageView) itemView.findViewById(R.id.imageView);
imageView.setImageResource(mResources[position]);
container.addView(itemView);
return itemView;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((LinearLayout) object);
}
}

3) Pour faire next et previous

         case R.id.img_previous:
mViewPager.setCurrentItem(getItemofviewpager(-1), true);
break;
case R.id.img_next:
mViewPager.setCurrentItem(getItemofviewpager(+1), true);
break;

4) Faire de cette fonction

  private int getItemofviewpager(int i) {
return mViewPager.getCurrentItem() + i;
}

Code seulement les réponses ne sont pas encouragés, car ils ne fournissent beaucoup d'informations pour les futurs lecteurs, veuillez fournir une explication à ce que vous avez écrit

InformationsquelleAutor priti

Un failproof de mise à niveau pour sweggersen de l' et Alex Orlov de l' réponse,

//For scrolling to next item
nextPageButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
viewPager.setCurrentItem(getNextPossibleItemIndex(1), true);
}
});
//For scrolling to previous item
previousPageButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
viewPager.setCurrentItem(getNextPossibleItemIndex(-1), true);
}
});

Ajouter getNextPossibleItemIndex() la méthode de votre Activité/Fragment,

private int getNextPossibleItemIndex (int change) {
int currentIndex = viewPager.getCurrentItem();
int total = viewPager.getAdapter().getCount();
if (currIndex + change < 0) {
return 0;
}
return Math.abs((currentIndex + change) % total) ;
}

De cette façon, vous serez en mesure de changer currentItem sans se soucier de IndexOutOfBoundsException comme suggéré par Heinrich commentaire. Notez que l'utilisation de cette méthode, les éléments seront affichés comme une circulaire de la liste.

1 -> 2 -> 3 -> 1 -> 2 -> 3 -> 1

Mais pour en revenir, il va s'arrêter au premier élément

1 <- 1 <- 2 <- 3

InformationsquelleAutor rupinderjeet

Code de mise à jour

Button preButton = (Button)findViewById(R.id.pre_button);
Button nextButton = (Button)findViewById(R.id.next_button);
preButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mViewPager.setCurrentItem(mViewPager.getCurrentItem()-1, true); 
}
});
nextButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mViewPager.setCurrentItem(mViewPager.getCurrentItem()+1, true); 
}
});

InformationsquelleAutor Java coder

De faire comme ceci:

backButton=(Button)findViewById(R.id.back_button);
nextButton=(Button)findViewById(R.id.next_button);
backButton.setVisibility(View.INVISIBLE);//you can use GONE or even disable it. It depends on your layout 
nextButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
viewPager.setCurrentItem(viewPager.getCurrentItem()+1, true);
}
});
backButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
viewPager.setCurrentItem(viewPager.getCurrentItem()-1, true);
}
});
}

Pour éviter IndexOutOfBoundsException vous devriez vous cacher et de montrer les deux boutons comme ceci :

    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override
public void onPageSelected(int position) {
if(position==0) {
backButton.setVisibility(View.INVISIBLE);
}else  {
backButton.setVisibility(View.VISIBLE);
}
if(position < viewPager.getAdapter().getCount()-1 ) {
nextButton.setVisibility(View.VISIBLE);
}else  {
nextButton.setVisibility(View.INVISIBLE);
}
}
@Override
public void onPageScrollStateChanged(int i) {
}
});

InformationsquelleAutor Amr Berag

D'abord créer une interface

public interface OnPageChangedListener {
void OnPageChanged(int position);      }

Prochaine en Œuvre de votre activité avec OnPageChangedListener de l'interface et de faire les trucs ci-dessous

private void setupViewPager(ViewPager viewPager){
viewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager());
viewPagerAdapter.addFragment(new Fragment1(this));
viewPagerAdapter.addFragment(new Fragment2(this));
viewPagerAdapter.addFragment(new Fragment3(this));
viewPagerAdapter.addFragment(new Fragment4(this));
viewPagerAdapter.addFragment(new Fragment5(this));
viewPagerAdapter.addFragment(new Fragment6(this));
viewPager.setAdapter(viewPagerAdapter);
}
@Override
public void OnPageChanged(int position) {
viewPager.setCurrentItem(position);
}

Dans vos fragments de créer un constructeur à l'aide de

private OnPageChangedListener listener;
public Fragment1(OnPageChangedListener listener1) {
this.listener = listener1;
}

ViewPagerAdapter

public class ViewPagerAdapter extends FragmentPagerAdapter {
private final List<Fragment> mFragmentList = new ArrayList<>();
public ViewPagerAdapter(FragmentManager manager) {
super(manager);
}
@Override
public Fragment getItem(int position) {
switch (position) {
}
return mFragmentList.get(position);
}
@Override
public int getCount() {
return mFragmentList.size();
}
public void addFragment(Fragment fragment) {
mFragmentList.add(fragment);
}}

Espère que cela vous aide

InformationsquelleAutor Bhaskar

-4
```
public void onClick(View v) {
int currentItem = mViewPager.getCurrentItem();
mViewPager.setCurrentItem(currentItem+1); //(currentItem-1)
}
```
seulement ce code de clic du bouton:
@Override

getcurrentitem est l'élément réel dans viewpager, l'élément suivant est currentItem + 1

InformationsquelleAutor Oto Campos

Vous devez vous connecter pour publier un commentaire.