Cómo implementar PageTransformer con pestañas deslizables
En mi código de ejemplo tengo tres pestañas deslizables en MainActivity.java es decir: Android, IOS y WINDOWS y estoy utilizando deslizar para cambiar entre las pestañas.
Ahora, tengo que implementar PageTransformer con pestañas deslizable, por lo que aquí necesito su ayuda, es posible, si es así, ¿cómo?
- Android Uso de ViewPager desde la biblioteca de soporte técnico
- Pestañas de Acción
- Android TabHost dentro de Fragmento
- Llenar cada fragmento en ViewPager con otro objeto JSON sin cargar de nuevo
- FragmentPagerAdapter getItem no está siendo activado
MainActivity.java:-
public class MainActivity extends FragmentActivity { ViewPager Tab; TabPagerAdapter TabAdapter; ActionBar actionBar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabAdapter = new TabPagerAdapter(getSupportFragmentManager()); Tab = (ViewPager)findViewById(R.id.pager); Tab.setOnPageChangeListener( new ViewPager.SimpleOnPageChangeListener() { @Override public void onPageSelected(int position) { actionBar = getActionBar(); actionBar.setSelectedNavigationItem(position); } }); Tab.setAdapter(TabAdapter); .............. } }
Esto es lo que quiero implementar en mi programa:
Y así es como se ve mi Tab:
- ¿Cómo restablecer contenido de viewpager en Android?
- ¿Cómo dejar que sólo fragmentos específicos desplazarse dentro de un ViewPager de CoordinatorLayout?
- Fragmentos anidados - comunicación entre fragmentos secundarios en un fragmento padre en un viewpager
- ViewPager con múltiples PageTransformer (PageTransformers en Runtime)
- Segundo conjunto de pestañas en un fragmento de Android
- Puedo usar el paginador de vista con vistas (no con fragmentos)
- Problemas de desplazamiento de GridView dentro de Viewpager dentro de NestedScrollView
- Dos fragmentos en una página de viewpager
Usted tiene que usar setPageTransformer()
para hacer este tipo de navegación .. use debajo del código de su buscapersonas ..
Agregue este código a su MainActivity.java
Tab = (ViewPager)findViewById(R.id.pager); // you have defined view pager as `TAB` Tab.setPageTransformer(false, new PageTransformer() { public void transformPage(View page, float position) { page.setRotationY(position * -30); // animation style... change as you want.. } }); Tab.setCurrentItem(pos); }
Obtenga más estilos de animación desde aquí .. Personalizar la animación con transiciones de PageTransformer o ViewPager
He encontrado mi solución aquí , es muy fácil de implementar
El uso es bastante sencillo, basta con adjuntar un PageTransformer al ViewPager:
viewpager.setPageTransformer(false, new ViewPager.PageTransformer() { @Override public void transformPage(View page, float position) { // do transformation here } });
Gira las páginas alrededor de su eje Z en 30 grados; Usted no necesita normalizar para éste. El efecto es similar al patrón de UI del flujo de portada:
@Override public void transformPage(View page, float position) { page.setRotationY(position * -30); }
Así que aquí está mi código final, que he utilizado:
viewPager = (ViewPager)findViewById(R.id.pager); viewPager.setOnPageChangeListener( new ViewPager.SimpleOnPageChangeListener() { @Override public void onPageSelected(int position) { actionBar = getActionBar(); actionBar.setSelectedNavigationItem(position); } }); viewPager.setAdapter(tabAdapter); viewPager.setPageTransformer(false, new PageTransformer() { public void transformPage(View page, float position) { page.setRotationY(position * -30); // animation style... change as you want.. } });
Crea una clase interna de tu Activity
…
public class MyPageTransformer implements ViewPager.PageTransformer { public void transformPage(View view, float position) { // Do your transform here } }
A continuación, en su Activity
, puede configurarla en su ViewPager
. Ejemplo…
Tab.setPageTransformer(true, new MyPageTransformer());
Más información en Personalizar la animación con PageTransformer Incluso hay un par de ejemplos de transformaciones para probar y personalizar.
- Fire base no llama onCancelled si el tiempo de espera o no puede acceder al servidor
- Cambiar el color de búsqueda de la parte trasera y el icono de la barra de herramientas de Android