Hola, bienvenido a BackToCoding. En este video, usaremos una aplicación llamada
Droid Café, que implementamos en nuestros videos anteriores, así que mírelos primero y
luego regrese a este video nuevamente. No olvide presionar el botón de suscripción
y el ícono de campana para que, cada vez que publique un video, reciba una notificación instantánea al respecto
. En la práctica de hoy veremos cómo
añadir elementos al menú de opciones. La barra de aplicaciones (también llamada barra de acción) es
un espacio dedicado en la parte superior de cada pantalla de actividad.
Cuando crea una actividad a partir de una plantilla (como una Plantilla de actividad básica),
se incluye automáticamente una barra de aplicaciones para la actividad en un grupo de vistas raíz de CoordinatorLayout en
la parte superior de la jerarquía de vistas.
El menú de opciones en la barra de la aplicación brinda navegación
a otras actividades en la aplicación, o las opciones principales que afectan el uso de la aplicación en sí, pero
no las que realizan una acción en un elemento en la pantalla.
Por ejemplo, su menú de opciones puede brindarle al usuario opciones para navegar a otras actividades,
como realizar un pedido, o para acciones que tienen un impacto global en la aplicación, como cambiar la
configuración o la información del perfil. Entonces, en esta práctica, aprenderá a
configurar la barra de aplicaciones y el menú de opciones en su aplicación. En esta figura,
la barra de aplicaciones incluye el título de la aplicación, el menú de opciones y el botón de desbordamiento.
Los dos primeros elementos del menú de opciones aparecen como iconos en la barra de la aplicación.
El botón de desbordamiento (tres puntos verticales) abre un menú que muestra más elementos del menú de opciones
. Después de hacer clic en el botón de desbordamiento,
aparecen más elementos del menú de opciones en el menú de desbordamiento.
En la práctica anterior, creó una aplicación
llamada Droid Café utilizando la plantilla de actividad básica . Esta plantilla también proporciona un
menú de opciones básico en la barra de la aplicación en la parte superior de la pantalla. Si no tienes el proyecto,
puedes encontrarlo en esta url: Abre el proyecto Droid Cafe de la
práctica anterior. El proyecto incluye los siguientes
archivos de diseño en la carpeta res > layout: activity_main.xml: el diseño principal de MainActivity,
la primera pantalla que ve el usuario. content_main.xml: el diseño del contenido
de la pantalla MainActivity, que se incluye dentro de activity_main.xml.
activity_order.xml: El diseño para OrderActivity, que agregó en la práctica anterior.
Abra content_main.xml.
En la práctica anterior, agregó TextViews e ImageViews al grupo de vistas raíz (que
cambió a RelativeLayout). El comportamiento de diseño para RelativeLayout
se establece en @string/appbar_scrolling_view_behavior, que controla el comportamiento de desplazamiento de la
pantalla en relación con la barra de la aplicación en la parte superior. Abra activity_main.xml para ver el diseño principal,
que utiliza un CoordinadorLayout con un AppBarLayout incrustado. AppBarLayout es un LinearLayout vertical que
usa la clase Toolbar en la biblioteca de soporte, en lugar de la ActionBar nativa, para implementar
una barra de aplicaciones. La barra de la aplicación es una sección en la parte superior de la pantalla que puede mostrar el
título de la actividad, la navegación y otros elementos interactivos. La ActionBar nativa se comporta de manera diferente
según la versión de Android que se ejecute en el dispositivo. Por esta razón, si está agregando un
menú de opciones, debe usar la barra de herramientas de la biblioteca de soporte v7 appcompat como una barra de aplicaciones. El uso de la
barra de herramientas facilita la configuración de una barra de aplicaciones que funcione en la más amplia gama de dispositivos
y también le brinda espacio para personalizar su barra de aplicaciones más adelante a medida que se desarrolla su aplicación.
La barra de herramientas
incluye las funciones más recientes y funciona para cualquier dispositivo que pueda usar la biblioteca de soporte. La barra de herramientas dentro de este diseño tiene la
barra de herramientas id y también se especifica, como AppBarLayout, con un nombre completo (android.support.v7.widget): Tenga en cuenta que: El diseño activity_main.xml también usa una
declaración de diseño de inclusión para incluir todo el diseño definido en content_main.xml. Esta separación
de las definiciones de diseño hace que sea más fácil cambiar el contenido del diseño además de la
definición de la barra de herramientas y el diseño del coordinador del diseño.
Esta es una práctica recomendada para separar su
contenido (que puede necesitar ser traducido) del formato de su diseño. Ejecute la aplicación. Observe la barra en la parte superior de la pantalla que muestra
el nombre de la aplicación (Droid Cafe). También muestra el botón de desbordamiento de acción (tres
puntos verticales) en el lado derecho. Toque el botón de desbordamiento para ver el menú de opciones, que en este
punto tiene solo una opción de menú, Configuración. Examine el archivo AndroidManifest.xml. El
.MainActivity está configurado para usar el tema NoActionBar: El tema NoActionBar está definido en el archivo styles.xml
En styles.xml, puede ver que el
tema NoActionBar establece el atributo windowActionBar en falso (sin barra de acción de ventana) y windowNoTitle
atributo a verdadero (sin título). La razón por la que se establecen estos valores es porque
está definiendo la barra de la aplicación en su diseño (actividad_principal.xml) con AppBarLayout, en lugar
de usar una ActionBar.
Mire MainActivity, que amplía AppCompatActivity
y comienza con el método onCreate(): después de configurar la vista de contenido en el
diseño activity_main.xml, el método onCreate() configura la barra de herramientas para que sea la barra de herramientas definida en el
diseño activity_main.xml. Luego llama al método setSupportActionBar() de la actividad y le pasa la barra de herramientas, configurando
la barra de herramientas definida en activity_main.xml como la barra de la aplicación para la actividad. Eso es todo por este video.
Continuaremos en la siguiente parte. Sigue viendo BackToCoding. Y no olvides
revisar mis otros videos que pueden serte útiles ..