Compatibilidad con varios vínculos en una sola cadena de texto
Updated 22 de febrero de 2025
Puedes admitir varios vínculos en una sola cadena de texto para darles a los usuarios opciones de destino y aumentar la participación.
- Instrucciones
22 de febrero de 2025
Cómo cargar y mostrar imágenes
Updated 22 de febrero de 2025
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.
- Instrucciones
22 de febrero de 2025
Valida la entrada a medida que el usuario escribe
Updated 22 de febrero de 2025
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.
- Instrucciones
22 de febrero de 2025
Aplica diseño a partes del texto
Updated 22 de febrero de 2025
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.
- Instrucciones
22 de febrero de 2025
Crea una tarjeta como contenedor
Updated 6 de febrero de 2025
Una tarjeta proporciona un contenedor de Material Design para tu IU.
- Instrucciones
6 de febrero de 2025
Animación en Compose
5 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Cómo mostrar una barra superior de la app
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cómo mostrar una barra de la aplicación
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Oculta o muestra la contraseña según un botón de activación del usuario
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cómo administrar los cambios de configuración del teclado desmontable
Updated 6 de febrero de 2025
Obtén más información para administrar los cambios de configuración del teclado desmontable.
- Instrucciones
6 de febrero de 2025
Crea un indicador de progreso
Updated 6 de febrero de 2025
Un indicador de progreso muestra el estado de una operación.
- Instrucciones
6 de febrero de 2025
Cómo mostrar una imagen animada
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cómo restringir la orientación de las apps en teléfonos, pero no en dispositivos con pantalla grande
Updated 6 de febrero de 2025
Restringe la orientación de la app en pantallas pequeñas, pero no en pantallas grandes.
- Instrucciones
6 de febrero de 2025
Cómo mostrar una lista de paginación
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cómo mostrar una imagen recortada en una forma
Updated 6 de febrero de 2025
Puedes dibujar sombras alrededor del área recortada de la imagen para mostrar una imagen en forma de clip.
- Instrucciones
6 de febrero de 2025
Aspectos básicos de Compose
Updated 6 de febrero de 2025
En esta serie de videos, se presentan varias APIs de Compose y se muestra rápidamente qué está disponible y cómo usarlas.
- Vídeo
6 de febrero de 2025
6 de febrero de 2025
Agrega un interruptor que los usuarios puedan activar o desactivar
Updated 6 de febrero de 2025
Puedes usar un interruptor de activación para permitir que los usuarios elijan uno de dos estados.
- Instrucciones
6 de febrero de 2025
Crea un chip para representar entidades complejas
Updated 6 de febrero de 2025
Un componente de chip representa visualmente entidades complejas, a menudo con un ícono y una etiqueta.
- Instrucciones
6 de febrero de 2025
Pruebas en Compose
4 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Cómo mostrar componentes interactivos
Updated 6 de febrero de 2025
Elige el componente adecuado para tu IU y descubre cómo implementarlo en tu app.
- Instrucciones
6 de febrero de 2025
Cómo administrar el estado de WebView
Updated 6 de febrero de 2025
Administra el estado de un WebView en todos los cambios de configuración.
- Instrucciones
6 de febrero de 2025
Rechaza los toques de la palma con la pluma stylus
Updated 6 de febrero de 2025
Rechaza los toques accidentales de la palma con la pluma stylus.
- Instrucciones
6 de febrero de 2025
Crea un componente de andamiaje para mantener unida la IU
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Mostrar mensajes emergentes o solicitudes de entrada del usuario
Updated 6 de febrero de 2025
Los diálogos muestran mensajes emergentes o solicitan entradas del usuario en una capa sobre el contenido principal de la app.
- Instrucciones
6 de febrero de 2025
Crea una cuadrícula desplazable
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Crea un botón de acción flotante (BAF)
Updated 6 de febrero de 2025
Un botón de acción flotante le permite al usuario realizar una acción principal en la app.
- Instrucciones
6 de febrero de 2025
Optimiza tu contenido para pantallas grandes
Updated 6 de febrero de 2025
Habilita tu app para que admita una experiencia del usuario optimizada en tablets, dispositivos plegables y ChromeOS.
- Instrucciones
6 de febrero de 2025
Diseños avanzados en Compose
13 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Crea un menú deslizable con el componente de panel lateral de navegación
Updated 6 de febrero de 2025
Un panel lateral de navegación es un menú de navegación deslizante.
- Instrucciones
6 de febrero de 2025
Cómo crear una hoja inferior
Updated 6 de febrero de 2025
Una hoja inferior muestra contenido secundario en la parte inferior de la pantalla.
- Instrucciones
6 de febrero de 2025
Cómo mostrar elementos de desplazamiento anidados en una lista
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Crea una lista desplazable finita
Updated 6 de febrero de 2025
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".
- Instrucciones
6 de febrero de 2025
Cómo crear una notificación con una barra de notificaciones
Updated 6 de febrero de 2025
Una barra de notificaciones muestra una notificación breve en la parte inferior de la pantalla.
- Instrucciones
6 de febrero de 2025
Crea un control deslizante para un rango de valores
Updated 6 de febrero de 2025
Un control deslizante de rango permite que los usuarios seleccionen un rango de valores.
- Instrucciones
6 de febrero de 2025
Cómo mostrar una barra de la aplicación inferior
Updated 6 de febrero de 2025
Crea una barra de la app inferior para ayudar a los usuarios a navegar y acceder a las funciones de tu app.
- Instrucciones
6 de febrero de 2025
Cómo mostrar imágenes en capas en un lienzo
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cómo depurar la recomposición en Compose
7 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Listas diferidas en Compose
24 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Cómo dibujar texto en Compose
2 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Accesibilidad en Compose
5 minutos
Updated 6 de febrero de 2025
Agrega funciones de accesibilidad a tu app. Descubre cómo aumentar el alcance y la versatilidad de tu app con un poco de trabajo.
- Vídeo
6 de febrero de 2025
Estado en Compose
5 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Aplicar formato automático a un número de teléfono en un campo de texto
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Agrega un indicador de página personalizado
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cómo filtrar una lista mientras escribes
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Introducción al dibujo en Compose
9 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Inserciones en Compose
6 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Crea un botón para habilitar el desplazamiento de ajuste
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Listas en Compose
5 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Cómo solicitar la entrada del usuario
Updated 6 de febrero de 2025
Haz que tu app sea interactiva permitiendo que los usuarios ingresen texto y otras entradas.
- Instrucciones
6 de febrero de 2025
Crea un efecto de desplazamiento de paralaje
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Carga datos de forma diferida con listas y Paging
Updated 6 de febrero de 2025
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.
- Instrucciones
6 de febrero de 2025
Cinco animaciones rápidas en Compose
7 minutos
Updated 6 de febrero de 2025
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.
- Vídeo
6 de febrero de 2025
Cómo administrar el estado de RecyclerView
Updated 6 de febrero de 2025
Mantén el estado de RecyclerView durante los cambios de configuración.
- Instrucciones
6 de febrero de 2025
Crea una lista con varios tipos de elementos
Updated 6 de febrero de 2025
Puedes usar una lista con varios tipos de elementos para mostrar tipos de contenido mixtos, como texto, imágenes y elementos interactivos.
- Instrucciones
6 de febrero de 2025
Crea una estructura de pantalla principal
Updated 6 de febrero de 2025
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.
- Vídeo
- Instrucciones
6 de febrero de 2025
Cómo mostrar una lista o una cuadrícula
Updated 6 de febrero de 2025
Muestra y organiza colecciones de elementos de manera eficiente con listas y cuadrículas.
- Vídeo
- Instrucciones
6 de febrero de 2025
Mostrar imágenes
Updated 6 de febrero de 2025
Trabaja con imágenes en pantalla con un vector, un mapa de bits o un dibujo directo con un lienzo en la pantalla.
- Vídeo
- Instrucciones
6 de febrero de 2025
Anima el aspecto del texto carácter por carácter
Updated 6 de febrero de 2025
Puedes animar, carácter por carácter, la apariencia del texto para que parezca un efecto de escritura en tiempo real.
- Instrucciones
6 de febrero de 2025
Texto visible
Updated 6 de febrero de 2025
Personaliza la forma en que se muestra el texto para mejorar la usabilidad y el atractivo estético de tu app.
- Instrucciones
- Vídeo
6 de febrero de 2025