Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
La mayoría de las apps para Android consisten en regiones, conocidas como las barras del sistema, el área de navegación y el cuerpo.
Figura 4: Partes de una app para Android: barras del sistema
(1), área de navegación (2)
y cuerpo (3)
Barras del sistema
La barra de estado y la barra de navegación, conocidas en conjunto como barras del sistema, muestran información importante, como el nivel de batería, la hora y las alertas de notificaciones, y permiten la interacción directa con el dispositivo desde cualquier lugar. Obtén más información sobre las barras del sistema.
Figura 5: Barras del sistema (1)
Región de navegación
La navegación representa las diferentes indicaciones visuales que permiten al usuario navegar en la app o en la plataforma de Android y acceder a acciones importantes.
Región del cuerpo
La región del cuerpo contiene el contenido de la pantalla. El contenido del cuerpo se compone de agrupaciones y parámetros de diseño adicionales. Debe continuar debajo de las regiones de navegación y barras del sistema.
Declara [`WindowCompat.setDecorFitsSystemWindows(window, false)`][5] para las inserciones de borde a borde.
Para determinar los patrones de composición y navegación adecuados para tu diseño, intenta comprender cómo interactúan los usuarios con tu contenido y cómo navegan por la arquitectura de la información de tu app. Esta comprensión puede guiar tu diseño para que se centre más en el usuario, ya que crearás una IU en la que los usuarios puedan realizar acciones.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-08-28 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-08-28 (UTC)"],[],[],null,["Most Android apps consist of regions referred to as the [system bars](/design/ui/mobile/guides/foundations/system-bars),\nthe navigation area, and the body.\n**Figure 4:** Parts of an Android app: systems bars (1), navigation area (2), and body (3)\n\nSystem bars\n\nThe status bar and navigation bar--collectively known as the system bars--display\nimportant information such as battery level, the time, and notification alerts,\nand provide direct device interaction from anywhere. Read more about [system\nbars](/design/ui/mobile/guides/foundations/system-bars).\n**Figure 5:** System bars (1)\n\nNavigation region\n\nNavigation represents the different affordances that allow a user to\nnavigate within your app, access important actions, or across the Android\nplatform.\n\nBody region \nThe body region holds the screen content. Body content is composed of additional\ngroupings and layout parameters. It must continue under navigation and system\nbar regions.\n\nDeclare \\[\\`WindowCompat.setDecorFitsSystemWindows(window, false)\\`\\]\\[5\\] for\nedge-to-edge insets.\n\nTo determine the appropriate composition and navigation patterns for your\nlayout, seek to understand how users interact with your content, and how they\nnavigate your app's information architecture. This understanding can guide your\ndesign toward being more user-focused by creating UI that users can act on."]]
