Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Układ określa strukturę wizualną, z którą użytkownik wchodzi w interakcję w aplikacji, np. w aktywności. Android udostępnia szereg bibliotek, kanonicznych punktów początkowych i technik wyświetlania i pozycjonowania treści.
Uwzględniaj bezpieczne obszary urządzenia Honor, które obejmują części interfejsu, takie jak wycięcia na wyświetlaczu, wcięcia od krawędzi do krawędzi, wyświetlacze krawędziowe, klawiatury programowe i paski systemowe. Zapewnij użytkownikom elastyczny układ, który umożliwi im interakcję z klawiaturą.
Ostrzeżenie: zachowaj ostrożność podczas zasłaniania treści klawiaturą.
Ergonomia interakcji
Ważne interakcje, takie jak nawigacja główna, powinny być dostępne w zasięgu ekranu. Pływające przyciski polecenia (FAB) zapewniają widoczny i łatwo dostępny punkt interakcji.
Grupy ograniczania
Używaj kontenerów do grupowania powiązanych treści, aby prowadzić użytkownika przez treści i działania. Karty z wyraźnym kontenerem do grupowania treści z powiązanymi działaniami.
Spójne pomiary
Zapewnij spójne wyrównanie podobnych treści i elementów interfejsu.
check_circle
Tak
Zapewnij spójne odstępy między podobnymi elementami.
cancel
Nie
Zaburz czytelność, stosując niespójne odstępy między podobnymi elementami, co może sprawić, że projekt będzie wyglądał przypadkowo.
Orientacja układu
Nie ograniczaj się do orientacji pionowej ani idealnego układu: weź pod uwagę różne formaty obrazu, klasy rozmiarów i rozdzielczości, z którymi mogą się spotkać użytkownicy.
Podstawowe interakcje
Nie przytłaczaj użytkowników zbyt dużą liczbą działań w jednym widoku.
Specyfikacje układu notatnika
Podczas tworzenia niestandardowych układów określ, jak treści powinny być umieszczane w układzie, używając terminów związanych z wyrównaniem, ograniczeniami lub przyciąganiem. Określ, jak obrazy powinny reagować na kontener, aby były prawidłowo wyświetlane.
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-08-28 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-08-28 UTC."],[],[],null,["A layout defines the visual structure for a user to interface with your app,\nsuch as in an activity. Android provides a range of libraries, canonical\nstarting points, and techniques to display and position content.\n\nGet Started\n\nStart designing Android layouts by learning [app anatomy](/develop/ui/compose/layouts/adaptive/app-anatomy) then how to\n[structure your app's content](/develop/ui/compose/layouts/adaptive/content-structure).\n\nTakeaways \n**Device safe areas**\n\n\nHonor device safe areas, which includes parts of the UI such as display\ncutouts, edge-to-edge insets, edge displays, software keyboards, and system\nbars. Provide a flexible layout for users to\ninteract with the keyboard.\nWarning: Be careful when covering content with the keyboard.\nAlas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](/static/images/design/ui/mobile/layout-basics-video-1.mp4) and watch it with a video player. \n**Interaction ergonomics**\n\n\nKeep essential interactions, like primary navigation, in a reachable screen\narea. Floating action buttons (FABs) provide a\nprominent and reachable interaction point \n**Containment groups**\n\n\nUse containment to group related content to guide the user through content and\nactions. Cards using explicit containment to group content with related actions.\n\n**Alignment**\n\nProvide consistent alignment between similar content and UI elements.\n\n\u003cbr /\u003e\n\ncheck_circle\n\nDo \nEstablish consistent spacing between like elements. \ncancel\n\nDon't \nDisrupt readability by inconsistently spacing like elements, which can make designs appear haphazard. \n**Layout orientation**\n\n\nDon't stick to portrait or an idealized layout: Consider different aspect\nratios, size classes, and resolutions that users may encounter.\n\n\n**Essential interactions**\n\n\nDon't overwhelm your user with too many actions per view. \n**Notate layout specs**\n\n\nWhen building custom layouts, notate how content should sit within the layout\nusing alignment, constraints, or gravity terms. Include how images should\nrespond to their container to display properly.\n\n\u003cbr /\u003e"]]
