example - tabs android studio material design

¿Cómo implemento deslizar entre pestañas en Android?

Question

Una de las recomendaciones de diseño clave en Android 4.0 para pestañas es permitir el desplazamiento entre ellas cuando sea apropiado. Este comportamiento permite a los usuarios desplazarse horizontalmente a través del contenido de la pestaña seleccionada para navegar a las pestañas adyacentes, sin necesidad de interactuar directamente con las pestañas.

¿Cómo se puede implementar esto?

Answer 1

Si está apuntando API por debajo de Android 3.0, no puede usar la solución de Roman anterior.

Escribí una entrada de blog aquí sobre cómo lograr lo mismo con ActionBarSherlock si alguien está interesado.

Answer 2

NOTA : Este es un extracto de la clase de entrenamiento de Android Implementing Effective Navigation .

Para implementar esto (en Android 3.0 o superior), puede usar un ViewPager junto con la API de pestañas ActionBar .

Al observar el cambio de página actual, seleccione la pestaña correspondiente. Puede configurar este comportamiento utilizando un ViewPager.OnPageChangeListener en el método onCreate() su actividad:

@Override
public void onCreate(Bundle savedInstanceState) {
    ...
    mViewPager.setOnPageChangeListener(
            new ViewPager.SimpleOnPageChangeListener() {
                @Override
                public void onPageSelected(int position) {
                    // When swiping between pages, select the
                    // corresponding tab.
                    getActionBar().setSelectedNavigationItem(position);
                }
            });
    ...
}

Y al seleccionar una pestaña, cambie a la página correspondiente en ViewPager . Para hacer esto, agregue un ActionBar.TabListener a su pestaña cuando lo cree usando el método newTab() :

actionBar.newTab()
        ...
        .setTabListener(new ActionBar.TabListener() {
            public void onTabSelected(ActionBar.Tab tab,
                    FragmentTransaction ft) {
                // When the tab is selected, switch to the
                // corresponding page in the ViewPager.
                mViewPager.setCurrentItem(tab.getPosition());
            }
            ...
        }));