Android Toolbar

Android ToolBar

toolbar

Es una generalización de un ActionBar pero aporta la gran virtud de que se puede tratar como un ViewGroup por lo que tenemos mucho más acceso a ella y además es bastante más customizable. Generalmente el ActionBar se ha integrado como parte de la aplicación y todas las pantallas compartían el mismo. Ahora, con ToolBar, la vista se puede añadir o quitar según queramos y se pueden añadir a cualquier pantalla. Por lo que podemos tener incluso dos ToolBars en una misma pantalla (esto sería útil en tablets).

Actualmente se está usando como ActionBar por lo que una vez creada podemos añadirla con el método setActionBar() o setSupportActionBar().
Los elementos principales que componen a la ToolBar son muy parecidos a los de la antigua ActionBar:

    • Botón de Navegación. Se suele utilizar para abrir el menú lateral, ir atrás, confirmar la selección de varios elementos en una lista, etc.
    • Logo de la aplicación. Esto ya se cada vez se usa menos y se está empezando a quitar en casi todas las aplicaciones.
    • Título y Subtítulos.
    • Uno o más custom views. Puesto que es un ViewGroup podemos añadirlo todo lo que necesitemos.
    • Menú de acciones. Exactamente igual que un ActionBar.

El soporte para ToolBar es aplicable para todas las versiones, pero muchas de las opciones sólo están a partir de la API 21 en adelante.

Ejemplo de uso:

Configuración del tema (values-v21):

1
2
3
4
5
6
7
8
9
10
11
12
<!--?xml version="1.0" encoding="utf-8"?-->
 
    <!-- Se debe añadir como parent ese tema puesto que no vamos a necesitar el ActionBar y para dar compatibilidad -->
<style><!--
Colores principales -->
        <!-- Color principal del toolbar -->        
        <item name="android:colorPrimary">#2196F3</item>
        <!-- Variante del color de la StatusBar y barras contextuales -->
        <item name="android:colorPrimaryDark">#1976D2</item>
        <!-- Colores de los controles de usuario tales como checkbox, campos de texto, etc -->
        <item name="android:colorAccent">#FF4081</item>
--></style>




Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>