Cómo mostrar una lista de paginación

Crea una lista de paginación para que los usuarios puedan desplazarse y acceder a contenido demasiado grande para caber en una sola pantalla. Las listas de paginación horizontal pueden ayudar a los usuarios a navegar por contenido, como imágenes, presentaciones de diapositivas o carruseles de productos. Las listas de paginación vertical son útiles para las apps con mucho contenido en las que los usuarios pueden necesitar desplazarse por una gran cantidad de elementos, como artículos.

Compatibilidad de versiones

Esta implementación requiere que el minSDK de tu proyecto se establezca en el nivel de API 21 o superior.

Dependencias

Cómo crear una lista de paginación

Puedes configurar una lista de paginación horizontal o vertical, según la orientación requerida para tu app. El siguiente código crea una lista de paginación horizontal que muestra 10 elementos:

Puntos clave sobre el código

  • El elemento componible HorizontalPager proporciona una lista de elementos desplazable horizontalmente.
    • Para crear una lista de paginación vertical, usa el elemento VerticalPager componible.
  • Cada página de la lista contiene un objeto Text que muestra la cadena "Página" y el número de índice de la página.
  • Una instancia de rememberPagerState() conserva el estado de una página cuando el usuario sale de ella y muestra la misma página cuando el usuario regresa a ella.

Resultados

Figura 1: Demostración de HorizontalPager.

Colecciones que contienen esta guía

Esta guía forma parte de estas colecciones de guías rápidas seleccionadas que abarcan objetivos más amplios de desarrollo de Android:

Las listas y las cuadrículas permiten que tu app muestre colecciones de una forma visualmente atractiva y fácil de consumir para los usuarios.
Descubre cómo las funciones de componibilidad pueden ayudarte a crear fácilmente componentes de IU atractivos basados en el sistema de diseño de Material Design.
En esta serie de videos, se presentan varias APIs de Compose y se muestra rápidamente lo que está disponible y cómo usarlo.

Tienes preguntas o comentarios

Ve a nuestra página de preguntas frecuentes para obtener información sobre las guías rápidas o comunícate con nosotros para contarnos tu opinión.