El componente de barra y encabezado de la aplicación es una barra dedicada en la parte superior del lienzo de la aplicación que se puede personalizar para mostrar funciones importantes relacionadas con la aplicación, como la marca, la navegación de nivel superior y el acceso a los controles de la aplicación.
Utilice diseños de encabezado y barra de aplicaciones consistentes para colocar controles clave, como la búsqueda dentro de la aplicación, en una ubicación estándar en toda la interfaz de usuario.
Anatomía
La barra y el encabezado de la aplicación pueden incluir diversos elementos. Se pueden configurar de cualquiera de estas maneras:
- Encabezado de la aplicación: Cuando se configura como encabezado de aplicación, el componente contiene espacio para texto opcional, con un uso mínimo de iconos y botones. Normalmente, incluye un título de pantalla y una flecha hacia atrás.
- Barra de aplicaciones: Cuando se configura como barra de aplicaciones, puede incluir iconos, pestañas y botones . Los elementos típicos incluyen un icono de aplicación y opciones de navegación.
Cualquiera de estas versiones también puede incluir controles de la aplicación, como búsqueda y configuraciones dentro de la aplicación.
1. Flecha hacia atrás
2. Título de la pantalla
3. Botón
4. Controles de la aplicación
5. Icono de la aplicación
6. Navegación principal (pestañas)
Especificaciones – Barra de aplicaciones
Barra de aplicaciones con navegación principal, alineada al centro
Barra de aplicaciones con navegación principal, alineada a la izquierda
Barra de aplicaciones con navegación principal: contraída (cajón en lugar de pestañas)
Especificaciones – Encabezado de la aplicación
Encabezado de la aplicación con título centrado
Encabezado de aplicación con control de aplicación única
Encabezado de la aplicación con múltiples controles de aplicación
Encabezado de la aplicación con un solo botón
Encabezado de la aplicación con varios botones
Encabezado de la aplicación con desbordamiento de texto
Encabezado de la aplicación con barra de pestañas independiente
Personalización
Puedes expresar tu marca modificando la apariencia visual de la barra y el encabezado de la aplicación. Las modificaciones pueden incluir:
- Iconos personalizados
- Fuentes personalizadas
- Configurar la apariencia de los botones activos, inactivos y deshabilitados
- Configuración de las dimensiones y ubicaciones de los botones
Ejemplos
