Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Um layout define a estrutura visual para um usuário interagir com seu app,
como em uma atividade. O Android oferece várias bibliotecas, pontos de partida canônicos e técnicas para mostrar e posicionar conteúdo.
Respeite as áreas seguras do dispositivo, que incluem partes da interface, como cortes da tela, encartes de ponta a ponta, telas de borda, teclados de software e barras de sistema. Ofereça um layout flexível para que os usuários interajam com o teclado.
Aviso: tenha cuidado ao cobrir o conteúdo com o teclado.
Ergonomia de interação
Mantenha as interações essenciais, como a navegação principal, em uma área da tela acessível. Os botões de ação flutuantes (FABs) oferecem um
ponto de interação proeminente e acessível.
Grupos de contenção
Use o agrupamento para reunir conteúdo relacionado e orientar o usuário pelas ações e pelo conteúdo. Cards que usam contenção explícita para agrupar conteúdo com ações relacionadas.
Alinhamento
Ofereça um alinhamento consistente entre conteúdo e elementos de interface semelhantes.
check_circle
O que fazer
Estabeleça um espaçamento consistente entre elementos semelhantes.
cancel
O que não fazer
Prejudique a legibilidade espaçando de forma inconsistente elementos semelhantes, o que pode fazer com que os designs pareçam aleatórios.
Orientação do layout
Não use apenas o modo retrato ou um layout idealizado: considere diferentes proporções, classes de tamanho e resoluções que os usuários podem encontrar.
Interações essenciais
Não sobrecarregue o usuário com muitas ações por visualização.
Anotar especificações de layout
Ao criar layouts personalizados, anote como o conteúdo deve ficar dentro do layout usando termos de alinhamento, restrições ou gravidade. Inclua como as imagens devem responder ao contêiner para serem exibidas corretamente.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-08-28 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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"]]
