Puedes admitir varios vínculos en una sola cadena de texto para darles a los usuarios opciones de destino y aumentar la participación.

• Kotlin

Puedes validar la entrada a medida que el usuario escribe en un campo de texto, como cuando ingresa un nombre, un correo electrónico, una dirección o cualquier otra información de contacto. Esta validación reduce los errores y ahorra tiempo a los usuarios.

• Kotlin

Para mostrar imágenes en tu app para el contenido y las respuestas a las acciones del usuario, carga las imágenes desde el disco o desde una fuente externa en Internet.

• Kotlin

Puedes aplicar diseño a partes del texto para mejorar la legibilidad, aumentar la experiencia del usuario positiva y fomentar una mayor creatividad mediante el uso de colores y fuentes.

• Kotlin

Una tarjeta proporciona un contenedor de Material Design para tu IU.

Descubre cómo animar valores de estado, usar transiciones, animar cambios de visibilidad o tamaño, y hacer transiciones con las APIs de animación de Compose.

Crea una barra superior de la app para ayudar a los usuarios a navegar y acceder a las funciones de tu app con el elemento componible TopAppBar.

Una barra de la app es un contenedor en la parte superior o inferior de la pantalla que contiene funciones clave y elementos de navegación.

Puedes crear un ícono para ocultar o mostrar una contraseña según un botón de activación del usuario para mejorar la seguridad y la experiencia del usuario.

• Kotlin

Obtén más información para administrar los cambios de configuración del teclado desmontable.

• Kotlin
• Java

Un indicador de progreso muestra el estado de una operación.

Puedes crear una experiencia del usuario más interactiva y atractiva en tu app cargando un archivo de elementos de diseño para mostrar imágenes animadas. Las imágenes animadas son útiles para crear indicadores de carga, indicadores de éxito o error, facilitar el desarrollo de juegos y otras funciones de la IU.

• Kotlin

Restringe la orientación de la app en pantallas pequeñas, pero no en pantallas grandes.

• Kotlin
• Java

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 tener que desplazarse por una gran cantidad de elementos, como artículos.

Puedes dibujar sombras alrededor del área recortada de la imagen para mostrar una imagen en forma de clip.

• Kotlin

En esta serie de videos, se presentan varias APIs de Compose y se muestra rápidamente qué está disponible y cómo usarlas.

Un botón activa una acción específica.

Puedes usar un interruptor de activación para permitir que los usuarios elijan uno de dos estados.

Un componente de chip representa visualmente entidades complejas, a menudo con un ícono y una etiqueta.

Compila tus primeras pruebas de Jetpack Compose. Aprende a usar los artefactos de prueba de Compose para escribir pruebas de IU, usar reglas de prueba, buscadores y aserciones.

Elige el componente adecuado para tu IU y descubre cómo implementarlo en tu app.

Administra el estado de un WebView en todos los cambios de configuración.

• Kotlin
• Java

Rechaza los toques accidentales de la palma con la pluma stylus.

• Kotlin
• Java

Un andamiaje mantiene unidas diferentes partes de la IU, como las barras de la app y los botones de acción flotantes, lo que les da a las apps un aspecto y estilo coherentes.

Los diálogos muestran mensajes emergentes o solicitan entradas del usuario en una capa sobre el contenido principal de la app.

Puedes administrar conjuntos de datos grandes y contenido dinámico con cuadrículas diferidas, lo que mejora el rendimiento de la app. Con los elementos componibles de cuadrícula diferida, puedes mostrar elementos en un contenedor desplazable, que abarca varias columnas o filas.

• Kotlin

Un botón de acción flotante le permite al usuario realizar una acción principal en la app.

• Kotlin

Descubre cómo compilar diseños complejos para tus diseños de Compose, enfocándote en la fase y las restricciones de diseño, los diseños de subcomposición y las mediciones intrínsecas.

Habilita tu app para que admita una experiencia del usuario optimizada en tablets, dispositivos plegables y ChromeOS.

Un panel lateral de navegación es un menú de navegación deslizante.

Una hoja inferior muestra contenido secundario en la parte inferior de la pantalla.

Puedes mostrar elementos de desplazamiento anidados dentro de una lista para presentar diseños complejos, como catálogos de productos, galerías de contenido multimedia, feeds de noticias y mucho más. Presentar el contenido de esta manera puede mejorar la usabilidad de tu app, lo que facilita la navegación de los usuarios.

• Kotlin

Las listas desplazables pueden ayudar a administrar conjuntos de datos, crear diseños responsivos y facilitar la navegación. Para mostrar un conjunto finito de elementos en tu app, puedes crear una lista desplazable con los modificadores "verticalScroll" o "horizontalScroll".

• Kotlin

Una barra de notificaciones muestra una notificación breve en la parte inferior de la pantalla.

Un control deslizante de rango permite que los usuarios seleccionen un rango de valores.

Crea una barra de la app inferior para ayudar a los usuarios a navegar y acceder a las funciones de tu app.

• Kotlin

Puedes combinar o superponer imágenes de origen para mostrar imágenes en capas en un lienzo. Por ejemplo, puedes replicar la forma en que el framework de Android genera íconos de apps combinando elementos de diseño de primer y segundo plano independientes.

• Kotlin

Una mirada a la depuración de un problema de rendimiento en Jetsnack y cómo solucionarlo en Jetpack Compose. Descubre por qué aplazar las lecturas de estado con una lambda significa que se puede omitir la composición.

Compose te brinda una forma más simple y eficiente de crear listas de desplazamiento con menos líneas de código que RecyclerView. Aprende a usar diseños diferidos para crear listas que permitan agregar contenido a las listas, a pedido.

Descubre cómo usar las APIs de Compose diseñadas específicamente para dibujar texto en un lienzo. En este segmento, se muestra el código para dibujar una fuente de emojis en un rectángulo redondeado.

Agrega funciones de accesibilidad a tu app. Descubre cómo aumentar el alcance y la versatilidad de tu app con un poco de trabajo.

Aprende cómo fluye el estado a través de tu app basada en Compose y cómo el framework puede actualizar automáticamente la IU para mostrar valores nuevos. Descubre cómo crear estados observables, cómo retener el estado en recomposiciones o cambios de configuración, y cómo estructurar tus elementos componibles para lograr un flujo de datos óptimo.

Puedes aplicar formato automáticamente a un número de teléfono en un campo de texto para ahorrar tiempo y aumentar la participación, la productividad y la eficiencia de los usuarios.

• Kotlin

Con los indicadores de página, puedes ayudar a los usuarios a comprender su posición actual en el contenido de tu app y proporcionar una indicación visual del progreso.

• Kotlin

Puedes filtrar una lista de cadenas según la entrada de texto para actualizar una lista de forma dinámica según las búsquedas de los usuarios.

• Kotlin

Una vez que te sientas cómodo trabajando en Compose, te recomendamos que comiences a dibujar tus propios componentes personalizados. En este video, se explica cómo comenzar a dibujar de forma personalizada.

Obtén información sobre cómo los inserciones se comunican con tu app donde se colocan las decoraciones del sistema y cómo las APIs de Compose ayudan a que tu contenido se mueva automáticamente con las barras del sistema, el teclado en software y la barra de tareas. No tengas miedo de usar el diseño de borde a borde.

Puedes mostrar un botón para permitir que un usuario salte a un punto específico de una lista, lo que ahorra tiempo y aumenta su participación.

• Kotlin

Explora los componentes diferidos de Compose que facilitan la visualización de listas de elementos. Aprende a mostrar diferentes tipos de elementos y hasta a implementar encabezados fijos. Descubre cómo controlar o reaccionar de forma programática a los cambios de posición de desplazamiento.

Haz que tu app sea interactiva permitiendo que los usuarios ingresen texto y otras entradas.

El desplazamiento de paralaje es una técnica en la que el contenido de fondo y el contenido en primer plano se desplazan a diferentes velocidades. Puedes implementar esta técnica para mejorar la IU de tu app y crear una experiencia más dinámica a medida que los usuarios se desplazan.

• Kotlin

Usa la biblioteca de Paging para admitir listas grandes de elementos, incluida una lista infinita, en tu app. Para ello, carga y muestra datos de forma incremental. Con la carga diferida, puedes reducir los tiempos de carga iniciales y optimizar el uso de la memoria, lo que mejora el rendimiento.

• Kotlin

Estas 5 animaciones rápidas y fáciles pueden ayudar a que tu app cobre vida en solo unos minutos. Haz que tu app de Compose se destaque, incluso si no tienes tiempo para aprender todo lo que hay que saber sobre las animaciones.

Mantén el estado de RecyclerView durante los cambios de configuración.

• Java
• Kotlin

Puedes usar una lista con varios tipos de elementos para mostrar tipos de contenido mixtos, como texto, imágenes y elementos interactivos.

• Kotlin

Usa estas guías rápidas para crear un andamiaje de pantalla principal, que puede ayudar a que la pantalla principal de tu app tenga un aspecto y una sensación coherentes.

Muestra y organiza colecciones de elementos de manera eficiente con listas y cuadrículas.

Trabaja con imágenes en pantalla con un vector, un mapa de bits o un dibujo directo con un lienzo en la pantalla.

Puedes animar, carácter por carácter, la apariencia del texto para que parezca un efecto de escritura en tiempo real.

• Kotlin

Personaliza la forma en que se muestra el texto para mejorar la usabilidad y el atractivo estético de tu app.