Common adaptive design layouts
Stay organized with collections
Save and categorize content based on your preferences.
Common design layouts—also known as canonical design layouts—are proven,
versatile app layouts that provide an optimal user experience on the wide
variety of screen sizes that are available with Wear OS.
Use adaptive and responsive UI principles to deliver the highest quality
experience for everyone. Adaptive UIs stretch and change to make the most of
all available screen space, no matter what size screen they're rendered on.
Adaptive UIs change responsively, using components and methods built directly
into the layout logic. These layouts also utilize screen size
breakpoints—applying a different design on different screen sizes—to create an
even richer experience for everyone.
Use established common layouts
Use established canonical layouts to help your UIs adapt smoothly across a
range of device sizes. These canonical layouts offer a high quality experience
across all screen sizes.
Tiles (non-scrolling layouts)
Tiles are non-scrolling view layouts which provide quick access to information
and actions users need to get things done. With a swipe from the watch face, a
user can see how they are progressing towards their fitness goals, check the
weather, and more. Launch an app or get essential tasks done quickly from tiles.
Apps (scrolling layouts)
Scrolling app view layouts include lists (ScalingLazyColumn) and dialogs.
These layouts make up the majority of app screens, and they represent a
collection of components which need to adapt to larger screen sizes.
Apps (non-scrolling layouts)
Non-scrolling app view layouts include media players, pickers, switchers, some
dialogs, and special fitness or tracking screens that use progress indicators.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-05-20 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-05-20 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"]]
