Diseños de diseño adaptable comunes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Los diseños de diseño comunes, también conocidos como diseños de diseño canónicos, son diseños de apps versátiles y comprobados que proporcionan una experiencia del usuario óptima en la amplia variedad de tamaños de pantalla disponibles con Wear OS.
Usa principios de IU responsiva y adaptable para brindar una experiencia de la más alta calidad a todos. Las IUs adaptables se estiran y cambian para aprovechar al máximo todo el espacio de pantalla disponible, independientemente del tamaño de la pantalla en la que se renderizan.
Las IUs adaptables cambian de forma responsiva, con componentes y métodos compilados directamente en la lógica del diseño. Estos diseños también utilizan puntos de inflexión de tamaño de pantalla (que aplican un diseño diferente en diferentes tamaños de pantalla) para crear una experiencia aún más rica para todos.
Usa diseños comunes establecidos
Usa diseños canónicos establecidos para ayudar a que tus IUs se adapten sin problemas en una variedad de tamaños de dispositivos. Estos diseños canónicos ofrecen una experiencia de alta calidad en todos los tamaños de pantalla.
Tarjetas (diseños sin desplazamiento)
Las tarjetas son diseños de vista sin desplazamiento que proporcionan acceso rápido a la información y las acciones que los usuarios necesitan para realizar tareas. Con deslizar el dedo sobre la cara de reloj, un usuario puede ver cómo progresa hacia sus objetivos de entrenamiento, consultar el clima y mucho más. Inicia una app o realiza tareas esenciales con rapidez desde las tarjetas.
Apps (diseños de desplazamiento)
Los diseños de vista de la app de desplazamiento incluyen listas (ScalingLazyColumn) y diálogos.
Estos diseños conforman la mayoría de las pantallas de la app y representan una recopilación de componentes que deben adaptarse a tamaños de pantalla más grandes.
Apps (diseños sin desplazamiento)
Los diseños de vista de la app que no se desplazan incluyen reproductores multimedia, selectores, interruptores, algunos diálogos y pantallas especiales de fitness o seguimiento que usan indicadores de progreso.
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: 2025-07-26 (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: 2025-07-26 (UTC)"],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
