Gängige Layouts für adaptives Design
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Gängige Designlayouts – auch kanonische Designlayouts genannt – sind bewährte, vielseitige App-Layouts, die eine optimale Nutzererfahrung auf den verschiedenen Bildschirmgrößen bieten, die mit Wear OS verfügbar sind.
Verwenden Sie adaptive und responsive UI-Prinzipien, um allen Nutzern eine optimale Nutzererfahrung zu bieten. Adaptive Benutzeroberflächen werden gedehnt und angepasst, um den gesamten verfügbaren Bildschirmplatz zu nutzen, unabhängig davon, auf welchem Bildschirm sie gerendert werden.
Adaptive Benutzeroberflächen ändern sich reaktionsschnell und verwenden Komponenten und Methoden, die direkt in die Layoutlogik eingebunden sind. Bei diesen Layouts werden auch Bildschirmgrößen-Breakpoints verwendet, um ein anderes Design auf verschiedene Bildschirmgrößen anzuwenden und so für alle Nutzer eine noch bessere Nutzererfahrung zu schaffen.
Gängige Layouts verwenden
Verwenden Sie etablierte kanonische Layouts, damit sich Ihre UIs problemlos an verschiedene Gerätegrößen anpassen lassen. Diese kanonischen Layouts bieten eine hohe Qualität auf allen Bildschirmgrößen.
Kacheln (Layouts ohne Scrollen)
Ansichten ohne Scrollen bieten Nutzern schnellen Zugriff auf Informationen und Aktionen, die sie für ihre Arbeit benötigen. Durch Wischen auf dem Zifferblatt können Nutzer unter anderem sehen, wie sie mit ihren Fitnesszielen vorankommen und das Wetter prüfen. Über Kacheln können Sie schnell eine App starten oder wichtige Aufgaben erledigen.
Apps (Scrolllayouts)
Zu den Layouts der scrollbaren App-Ansicht gehören Listen (ScalingLazyColumn) und Dialogfelder.
Diese Layouts machen den Großteil der App-Bildschirme aus und bestehen aus einer Reihe von Komponenten, die an größere Bildschirmgrößen angepasst werden müssen.
Apps (Layouts ohne Scrollen)
Zu den Layouts für nicht scrollbare App-Ansicht gehören Mediaplayer, Auswahltools, Schalter, einige Dialogfelder und spezielle Fitness- oder Tracking-Bildschirme mit Fortschrittsanzeigen.
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-07-26 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 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"]]
