sectionspageradapter - viewpager android studio

Android ViewPager: muestra la vista previa de la página a la izquierda y a la derecha

Question

Estoy usando ViewPager de Android. Lo que quiero hacer es mostrar una vista previa de la página tanto a la izquierda como a la derecha. He visto donde puedo usar un pageMargin negativo para mostrar una vista previa del lado derecho.

setPageMargin(-100);

¿Hay alguna forma de que pueda mostrar una vista previa del lado izquierdo también? Es básicamente algo similar al widget de la galería que estoy buscando.

Answer 1

En 2017, dicho comportamiento también se puede lograr fácilmente mediante el uso de RecyclerView con PagerSnapHelper (agregado en la versión 25.1.0 de la biblioteca de soporte v7): 

Hace algún tiempo necesité una característica parecida a la de un visor y preparé una pequeña biblioteca:

MetalRecyclerPagerView : puedes encontrar todo el código junto con ejemplos allí.

Principalmente consiste en un solo archivo de clase: MetalRecyclerViewPager.java (y dos xmls: attrs.xml e ids.xml ).

Espero que ayude a alguien y ahorrará algunas horas :)

Answer 2

La respuesta de @JijuInduchoodan es perfecta y funciona. Sin embargo, dado que soy relativamente nuevo en Android, me tomó un tiempo entenderlo y configurarlo correctamente. Por lo tanto, estoy publicando esta respuesta para referencia futura y ayudar a cualquier otra persona que esté en los mismos zapatos que yo.

if (viewPager == null)
{
// Initializing view pager
viewPager = (ViewPager) findViewById(R.id.vpLookBook);
// Disable clip to padding
viewPager.setClipToPadding(false);
// set padding manually, the more you set the padding the more you see of prev & next page
viewPager.setPadding(40, 0, 40, 0);
// sets a margin b/w individual pages to ensure that there is a gap b/w them
viewPager.setPageMargin(20);
}

No es necesario establecer ningún ancho en la página ViewPager''s en el adaptador. No se requiere código adicional para ver la página anterior y siguiente en ViewPager . Sin embargo, si desea agregar espacio en blanco en la parte superior e inferior de cada página, puede establecer el siguiente código en el ViewPager''s secundaria de ViewPager.

android:paddingTop="20dp"
android:paddingBottom="20dp"

Este será el aspecto final de ViewPager.

Answer 3

Para mostrar una vista previa de las páginas izquierda y derecha, configure los siguientes dos valores

1. viewpager.setClipToPadding(false);
2. viewpager.setPadding(left,0,right,0);

Si necesita espacio entre dos páginas en el visor, agregue

viewpager.setPageMargin(int);

Answer 4

Utilice este fragmento de adaptador y clase para ver el viewpager en scroll.add izquierdo y derecho de las clases necesarias para desplazarse y ver las páginas siguientes.

package com.rmn.viewpager;
import java.util.List;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
/**
* The <code>PagerAdapter</code> serves the fragments when paging.
* @author mwho
*/
public class PagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragments;
/**
* @param fm
* @param fragments
*/
public PagerAdapter(FragmentManager fm, List<Fragment> fragments) {
super(fm);
this.fragments = fragments;
}
/* (non-Javadoc)
* @see android.support.v4.app.FragmentPagerAdapter#getItem(int)
*/
@Override
public Fragment getItem(int position) {
return this.fragments.get(position);
}
/* (non-Javadoc)
* @see android.support.v4.view.PagerAdapter#getCount()
*/
@Override
public int getCount() {
return this.fragments.size();
}
}
package com.manishkpr.viewpager;
import android.content.Context;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
public class ViewPagerAdapter extends FragmentPagerAdapter {
private Context _context;
public ViewPagerAdapter(Context context, FragmentManager fm) {
super(fm);
_context=context;
}
@Override
public Fragment getItem(int position) {
Fragment f = new Fragment();
switch(position){
case 0:
f=LayoutOne.newInstance(_context);
break;
case 1:
f=LayoutTwo.newInstance(_context);
break;
}
return f;
}
@Override
public int getCount() {
return 2;
}
}

Answer 5

si alguien aún está buscando una solución, he personalizado la página de visualización para lograrlo sin usar un margen negativo, encuentre un proyecto de muestra aquí https://github.com/44kksharma/Android-ViewPager-Carousel-UI debería funcionar en la mayoría de los casos, pero usted aún puede definir el margen de la página con mPager.setPageMargin(margin in pixel);