Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Material 3 Expressive гораздо более широко и осмысленно использует язык форм, используя гибкие формы-контейнеры для скругления и заострения угловых радиусов, что позволяет поддерживать списки морфинга форм и состояния кнопок. Система дизайна также представляет кнопки, прилегающие к краям, как узнаваемый и узнаваемый шаблон дизайна для круглых устройств на Wear OS.
Поддерживать масштабирование элементов пользовательского интерфейса
При проектировании макетов на круглом экране прокручиваемые и непрокручиваемые представления предъявляют уникальные требования к поддержанию масштабирования элементов пользовательского интерфейса и сохранению сбалансированного макета и композиции.
Прокручиваемые представления
Для прокручиваемых представлений используйте проценты для определения всех верхних, нижних и боковых полей, чтобы избежать обрезки и обеспечить пропорциональное масштабирование элементов.
Все верхние, нижние и боковые поля должны быть определены в процентах, чтобы избежать обрезки и обеспечить пропорциональное масштабирование элементов.
Непрокручиваемые представления
Для непрокручиваемых видов используйте процентные значения и вертикальные ограничения для всех полей. Таким образом, основной контент в центре сможет растягиваться, заполняя всю доступную область.
Все поля должны быть определены в процентах, а вертикальные ограничения должны быть определены таким образом, чтобы основное содержимое в середине могло растягиваться, заполняя доступную область.
Уровни рекомендаций по качеству
Наши правила качества разделены на три уровня. Обеспечьте пользователям наилучший опыт взаимодействия, соблюдая правила всех трёх уровней.
Готово к любым размерам экрана
Убедитесь, что ваше приложение обеспечивает качественный опыт использования на экранах всех размеров. Создавайте макеты, которые максимально используют доступное пространство приложения.
Отзывчивый и оптимизированный
Предоставляйте больше контента пользователям на устройствах, которые это поддерживают, и используйте адаптивные макеты, которые автоматически адаптируются к разным размерам экрана.
Адаптивный и дифференцированный
Максимально эффективно используйте дополнительное пространство, используя контрольные точки, чтобы предложить на больших экранах новые мощные возможности, которые невозможны на устройствах с экранами меньшего размера.
Контент и образцы кода на этой странице предоставлены по лицензиям. 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,["# Design quality tiers\n\nMaterial 3 Expressive leans into shape language in a much more expansive and\nmeaningful way by utilizing flexible container shapes to apply rounding and\nsharpening of corner radii to support shape morphing lists and button states.\nThe design system also introduces edge-hugging buttons as an ownable and iconic\ndesign pattern for round devices on Wear OS.\n\nMaintain UI element scaling\n---------------------------\n\nWhen designing layouts on a round screen, scrolling and non-scrolling\nviews each have unique requirements to maintain UI element scaling and preserve\na balanced layout and composition.\n\n\n**Scrolling views**\n\nFor scrolling views, use percentages to define all top, bottom, and side\nmargins to avoid clipping and provide proportional scaling of elements.\n\nAll top, bottom, and side margins should be defined in percentages to avoid\nclipping and provide proportional scaling of elements. \n**Non-scrolling views**\n\nFor non-scrolling views, use percentages and vertical constraints for all\nmargins. That way, the main content in the middle can stretch to fill the\navailable area.\n\nAll margins should be defined in percentages and vertical constraints should be\ndefined such that the main content in the middle can stretch to fill the\navailable area.\n\n\u003cbr /\u003e\n\nTiers of quality guidelines\n---------------------------\n\nOur quality guidelines are organized into three tiers. Enable the best possible\nexperience for your users by meeting guidelines in all three tiers.\n\n\n**Ready for all screen sizes**\n\nEnsure your app is delivering a quality experience across all screen sizes.\nCreate layouts that fully use the available app space. \n\n**Responsive and optimized**\n\nDeliver more content to users on devices which allow for it, and utilize\nresponsive layouts that automatically adapt to different screen sizes. \n\n**Adaptive and differentiated**\n\nMake the most of additional real estate by utilizing breakpoints to offer\npowerful new experiences on larger screens which are not possible on devices\nwith smaller screens.\n\n\u003cbr /\u003e\n\n| **Caution:** A larger display size should *never* display less information than ones that are smaller than it, this is especially relevant for custom behaviors added in at the breakpoint. A common example of this is when components or text sizes are increased past the breakpoint and end up showing less are the larger screens. Screens should always show \"more value\" and never \"less value\" with increasing size."]]
