Typowe układy strony z uwzględnieniem adaptacji
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Typowe układy, zwane też kanonicznymi, to sprawdzone, wszechstronne układy aplikacji, które zapewniają optymalne wrażenia użytkownika na różnych rozmiarach ekranów dostępnych w Wear OS.
Stosuj zasady dotyczące interfejsu użytkownika adaptacyjnego i responsywnego, aby zapewnić wszystkim użytkownikom najwyższą jakość. Interfejsy adaptacyjne rozciągają się i zmieniają, aby wykorzystać całą dostępną przestrzeń ekranu, niezależnie od tego, na jakim ekranie są renderowane.
Interfejsy adaptacyjne zmieniają się dynamicznie, korzystając z komponentów i metod wdrożonych bezpośrednio w logikę układu. Układy te wykorzystują też punkty graniczne rozmiaru ekranu, które stosują inny projekt na różnych rozmiarach ekranu, aby zapewnić jeszcze lepsze wrażenia dla wszystkich.
Używanie typowych układów
Używaj ustalonych kanonów układów, aby ułatwić interfejsom płynne dostosowanie się do różnych rozmiarów urządzeń. Te kanoniczne układy zapewniają wysoką jakość wrażeń na wszystkich rozmiarach ekranów.
Kafelki (układy nieprzewijalne)
Karty to układy widoku bez przewijania, które zapewniają szybki dostęp do informacji i działań, których użytkownicy potrzebują do wykonania zadań. Przesuwając palcem po tarczy zegarka, użytkownik może sprawdzić postępy w realizacji celów fitnessowych, sprawdzić pogodę i wykonywać inne czynności. Szybko uruchamiaj aplikacje i wykonuj najważniejsze czynności na kafelkach.
Aplikacje (przewijanie układów)
Układy widoku aplikacji, które można przewijać, obejmują listy (ScalingLazyColumn) i okna dialogowe.
Te układy stanowią większość ekranów aplikacji i reprezentują zbiór komponentów, które muszą dostosowywać się do większych rozmiarów ekranu.
Aplikacje (nieprzewijalne układy)
Do układów widoku aplikacji, które nie umożliwiają przewijania, należą odtwarzacze multimediów, selektory, przełączniki, niektóre dialogi oraz specjalne ekrany fitness lub śledzenia, które wykorzystują wskaźniki postępu.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-26 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 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"]]
