Está en la página 1de 3

Navigation Drawer

Es una estructura visual basada en la clase NavigationUI. La cual se encarga de


controlar la barra superior, la parte inferior y el panel lateral mediante métodos estáticos.
Barra superior

Fuente: elaboración propia

Esta parte nos permite saber la ubicación actual y que se puede realizar en esta. La
clase NavigationUI cuenta con herramientas que nos permiten actualizar de manera
automática la información de este.
Entre las barras superiores disponibles se encuentran:
 Toolbar
 CollapsingToolbarLayout
 ActionBar
AppBarConfiguration
NavigationUI usa un objeto AppBarConfiguration para administrar el
comportamiento del botón Navigation en la esquina superior izquierda del área de
visualización de tu app. De forma predeterminada, el botón Navigation está oculto cuando
un usuario se encuentra en un destino de nivel superior de un gráfico de navegación y
aparece como un botón Arriba en cualquier otro destino.
Barra de acciones
Para agregar compatibilidad de navegación a la barra de acciones predeterminada,
llama a setupActionBarWithNavController() desde el método onCreate() de tu actividad
principal, como se muestra a continuación. Ten en cuenta que debes declarar tu
AppBarConfiguration fuera de onCreate(), ya que también lo usas cuando anulas
onSupportNavigateUp().
Cómo vincular destinos a los elementos de menú
NavigationUI también proporciona asistentes para vincular destinos a componentes de IU
controlados por el menú. NavigationUI contiene un método asistente,
onNavDestinationSelected(), que toma un elemento MenuItem junto con el elemento
NavController que aloja el destino asociado. Si el elemento id de MenuItem coincide con el
elemento id del destino, NavController puede navegar a ese destino.
Parte inferior

Fuente: elaboración propia

Se suele agregar solo si la solución lo requiere (Se agrega manualmente).


NavigationUI también puede controlar la navegación inferior. Cuando un usuario
selecciona un elemento del menú, NavController llama a onNavDestinationSelected() y
actualiza automáticamente el elemento seleccionado en la barra de navegación inferior.
Panel lateral

Fuente: elaboración propia

El panel lateral es la parte del UI encarga de mostrarle al usuario las diferentes


secciones a las cueles pude acceder .El panel lateral aparece cuando el usuario toca el ícono
del panel lateral   en la barra de la app o cuando el usuario desliza un dedo desde el
borde izquierdo de la pantalla.
El ícono del panel lateral se muestra en todos los destinos de nivel superior que usan
un DrawerLayout. Los destinos de nivel superior son los destinos de nivel raíz de tu app.
No muestran un botón Arriba en la barra de la app.
Para agregar un panel lateral de navegación, primero debes declarar un
DrawerLayout como vista raíz. Dentro del DrawerLayout, agrega un diseño para el
contenido principal de la IU y otra vista que tenga el contenido del panel lateral de
navegación.

Update UI components with NavigationUI  |  Android Developers. (2020). Consultado el 6


Abril del 2020, de https://developer.android.com/guide/navigation/navigation-ui

También podría gustarte