Diseños
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Identifica tu contenido principal para crear diseños de widgets eficaces. Tu
diseño determina cómo se organizan la información y los elementos interactivos dentro
tu widget. Android ofrece varios diseños preconfigurados para texto, listas y
de cuadrícula para optimizar este proceso.
Texto
Los diseños de texto son ideales para mostrar información concisa. Mejora la imagen
atractivo de tu widget incluyendo opcionalmente una imagen junto al texto.
Solo texto
Ideal para títulos, actualizaciones de estado, descripciones breves o cualquier situación
en la que una sola línea de texto transmite eficazmente el mensaje. Consulta las
Ejemplo de diseño canónico
para obtener orientación sobre cómo escalar dinámicamente el contenido de texto según el tamaño del widget.
Imagen y texto
Incluye una imagen para aumentar el impacto visual. Para obtener más información, consulta
Puntos de interrupción
para aprender a adaptar este diseño a diferentes tamaños de pantalla.
Listas
Usa diseños de lista para organizar múltiples elementos en un formato claro que se pueda escanear. Esta
es ideal para titulares de noticias, listas de tareas o mensajes. Organiza el contenido
estructurada y fácil de analizar. Elige entre contenedores o sin contenedores
presentación según tus necesidades de contenido.
Lista de imágenes y textos
Las listas de imágenes y texto que se pueden escanear son perfectas para mostrar varios
tipos de contenido, como titulares de noticias, playlists con imágenes de álbumes
mensajes nuevos.
Lista de tareas
El diseño de la lista de tareas es perfecto para mostrar tareas y permite presionar con claridad.
objetivos para que los usuarios marquen fácilmente los elementos como hechos.
Lista de acciones
Ofrece agrupación de controles intuitiva con listas de acciones, con funciones visuales activadas o desactivadas.
ofrecen comentarios inmediatos sobre los estados de los artículos.
Cuadrícula
Presenta imágenes en una cuadrícula compacta, flexible y visualmente rica con etiquetas opcionales.
Usa columnas y filas que se adapten a diferentes tamaños de pantalla.
Solo imagen
Crea galerías de imágenes visualmente impactantes y desplazables con solo imágenes
cuadrículas. Las filas y columnas se adaptan automáticamente a varios tamaños de pantalla para
una presentación óptima.
Imagen y texto
También puedes incorporar etiquetas de texto y descripciones, lo que enriquece tu
contenido de la cuadrícula de imágenes con información y contexto adicionales.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2024-08-16 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]
{"lastModified": "\u00daltima actualizaci\u00f3n:\u00a02024-08-16 (UTC)"}
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-08-16 (UTC)"]]