Распространенные макеты адаптивного дизайна
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Распространенные макеты дизайна, также известные как канонические макеты дизайна, представляют собой проверенные универсальные макеты приложений, которые обеспечивают оптимальный пользовательский интерфейс на экранах самых разных размеров, доступных в Wear OS.
Используйте принципы адаптивного и отзывчивого пользовательского интерфейса, чтобы обеспечить высочайшее качество опыта для всех. Адаптивные пользовательские интерфейсы растягиваются и изменяются, чтобы максимально использовать все доступное пространство экрана, независимо от размера экрана, на котором они отображаются.
Адаптивные пользовательские интерфейсы изменяются в ответ, используя компоненты и методы, встроенные непосредственно в логику макета. Эти макеты также используют контрольные точки размера экрана — применяя разный дизайн к разным размерам экрана — чтобы создать еще более богатый опыт для всех.
Используйте общепринятые схемы размещения
Используйте установленные канонические макеты, чтобы помочь вашим пользовательским интерфейсам плавно адаптироваться к различным размерам устройств. Эти канонические макеты обеспечивают высококачественный опыт на всех размерах экрана.
Плитки (макеты без прокрутки)
Плитки — это макеты без прокрутки, которые обеспечивают быстрый доступ к информации и действиям, необходимым пользователям для выполнения задач. Проведя пальцем по циферблату, пользователь может увидеть, как он продвигается к своим фитнес-целям, узнать погоду и многое другое. Запустите приложение или быстро выполните важные задачи с помощью плиток.
Приложения (прокручиваемые макеты)
Макеты прокручиваемых приложений включают списки ( ScalingLazyColumn ) и диалоги. Эти макеты составляют большинство экранов приложений и представляют собой набор компонентов, которые необходимо адаптировать к большим размерам экрана.
Приложения (макеты без прокрутки)
Макеты приложений без прокрутки включают медиаплееры, средства выбора, переключатели, некоторые диалоговые окна и специальные экраны фитнеса или отслеживания, которые используют индикаторы прогресса.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-07-29 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"]]
