La barra de la app, también conocida como barra de acciones, es uno de los elementos de diseño más importantes de las actividades de tu app, ya que proporciona una estructura visual y elementos interactivos que los usuarios conocen. El uso de esta barra permite la alineación de tu app con otras apps para Android. De esta manera, los usuarios pueden comprender fácilmente cómo operar tu app y tener una buena experiencia.
Las funciones claves de la barra de app son las siguientes:
Es un espacio exclusivo para proporcionarle una identidad a tu app y para indicar la ubicación del usuario en ella.
Acceso predecible a acciones importantes, como la búsqueda.
Compatibilidad con navegación y cambios de vistas, con pestañas o menús
Figura 1. La barra de la app de Hojas de cálculo de Google.
En esta sección de la documentación, se describe cómo usar el widget Toolbar de AndroidX como una barra de la app. Existen otras maneras de implementar una barra de app (por ejemplo, algunos temas establecen una ActionBar como barra de app de forma predeterminada), pero el uso de Toolbar de AppCompat facilita la configuración de una barra de app que funcione en la gran mayoría de los dispositivos. También te permite personalizar tu barra de app más adelante en el desarrollo de la app.
Aprende a usar estos widgets para proporcionar funcionalidad avanzada en tu barra de app.
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-07-26 (UTC)
[null,null,["Última actualización: 2025-07-26 (UTC)"],[],[],null,["# Add the app bar\n\nTry the Compose way \nJetpack Compose is the recommended UI toolkit for Android. Learn how to add components in Compose. \n[App Bar →](/develop/ui/compose/components/app-bars) \n\nThe *app bar* , also known as the *action bar*, is one of the most important design\nelements in your app's activities, because it provides a visual structure and interactive elements\nthat are familiar to users. Using the app bar makes your app consistent with other Android apps,\nletting users quickly understand how to operate your app and have a great experience.\n| **Note:** With the release of Android 9.0 (API level 28), there is a version of the Support Library called [AndroidX](/jetpack/androidx) that is part of [Jetpack](/jetpack). The AndroidX library contains the existing Support Library and includes Jetpack components. \n|\n| You can continue to use the Support Library. Historical artifacts---those versioned 27 and earlier, and packaged as `android.support.*`---remain available on Google Maven. However, all newer library development occurs in the AndroidX library. \n|\n| We recommend using the AndroidX libraries in all new projects. Consider [migrating](/jetpack/androidx/migrate) existing projects to AndroidX as well.\n\nThe key functions of the app bar are as follows:\n\n- Dedicated space for giving your app an identity and indicating the user's location in the app.\n- Predictable access to important actions, such as search.\n- Support for navigation and view switching, using tabs or menus.\n\n**Figure 1.** The app bar from the Google Sheets app.\n\nThis documentation section describes how to use the AndroidX\n[Toolbar](/reference/androidx/appcompat/widget/Toolbar) widget as an\napp bar. There are other ways to implement an app bar---for example, some themes set up an\n[ActionBar](/reference/android/app/ActionBar) as an app bar by\ndefault---but using the AppCompat `Toolbar` makes it easier to set up an app bar that\nworks on the widest range of devices. It also gives you room to customize your app bar later in your\napp's development.\n\nTopics\n------\n\n\n**[Set up the app bar](/develop/ui/views/components/appbar/setting-up)**\n:\n Learn how to add a `Toolbar` widget to your activity and set it as the activity's\n app bar.\n\n\n**[Add and handle actions](/develop/ui/views/components/appbar/actions)**\n:\n Learn how to add actions to the app bar and its overflow menu, and how to respond when users\n choose those actions.\n\n\n**[Add an Up action](/develop/ui/views/components/appbar/up-action)**\n:\n Learn how to add an *Up* button to your app bar so users can navigate back to the app's\n home screen.\n\n\n**[Use action views and action providers](/develop/ui/views/components/appbar/action-views)**\n:\n Learn how to use these widgets to provide advanced functionality in your app bar."]]
