Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Wiele zegarków z ekosystemu Wear OS ma ekrany o różnych rozmiarach.
Podczas projektowania aplikacji na Wear OS pamiętaj, że platformy aplikacji wyświetlają się na ekranach o różnych rozmiarach.
Zasady
Projektując urządzenia z myślą o różnych urządzeniach, pamiętaj o tych zasadach.
Najpierw małe
Zawsze projektuj najpierw pod kątem najmniejszego obsługiwanego emulatora okrągłego ekranu:
192 dp. Następnie optymalizuj kampanię pod kątem większych urządzeń.
Projektuj z myślą o skali
Zdefiniuj zewnętrzne marginesy jako wartości procentowe zamiast wartości bezwzględnych, aby marginesy były skalowane proporcjonalnie na okrągłych ekranach i nie przycinano elementów interfejsu.
Rozmiar czcionki
Wysokość elementu interfejsu może zmieniać się nieliniowo w zależności od ustawień skalowania czcionki i ułatwień dostępu, takich jak pogrubienie tekstu.
Przykłady typowych rozmiarów ekranów
Poniższe rozmiary ekranów są szczególnie popularne na urządzeniach z Wear OS.
Zalecane jest zastosowanie wartości 225 dp jako punktu przerwania między mniejszym a większym ekranem.
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-27 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-27 UTC."],[],[],null,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]
