Idioma: HTML | XAML

Agregar barras de la aplicación (XAML)

Applies to Windows and Windows Phone

Usa las barras de la aplicación para presentar la navegación, los comandos y las herramientas a los usuarios. Las barras de la aplicación están ocultas de manera predeterminada y se muestran cuando los usuarios deslizan el dedo rápidamente desde el extremo inferior de la pantalla o cuando hacen clic con el botón secundario del mouse. Cubren el contenido de la aplicación y el usuario puede descartarlas al deslizar el dedo rápidamente desde el borde o al interaccionar con la aplicación. Las barras de la aplicación responden automáticamente cuando se desliza el dedo rápidamente desde el borde y las puedes mostrar u ocultar usando programación.

Control de barra de la aplicación inferior

El marco XAML proporciona los controles CommandBar y AppBar, con los que es muy fácil mostrar la UI que aparece en los bordes superior o inferior de la pantalla deslizando el dedo rápidamente desde el borde.

Usa CommandBar cuando necesites una barra de la aplicación que contenga únicamente los controles AppBarButton,AppBarToggleButton y AppBarSeparator. El control CommandBar simplifica la creación de barras de la aplicación básicas, ya que proporciona:

  • Diseño automático de comandos con comandos principales a la derecha y comandos secundarios a la izquierda.
  • Cambio automático de tamaño de los comandos de la barra de la aplicación cuando la aplicación cambia de tamaño.

Si necesitas contenido más complejo, como imágenes, barras de progreso o bloques de texto, usa un control AppBar. AppBar se puede usar con contenido personalizado para crear una barra de herramientas o UI de navegación. Cuando coloques los comandos en un control AppBar, tendrás que cambiar el tamaño del contenido de AppBar y reorganizarlo de acuerdo al cambio de tamaño de la pantalla.

Para más información sobre cómo diseñar barras de la aplicación, consulta Directrices para las barras de la aplicación.

Si quieres intentar trabajar con barras de la aplicación y otras características clave de Windows 8, descarga los laboratorios prácticos para Windows 8. En ellos, se proporciona una introducción compuesta por módulos, paso a paso, para crear una aplicación de la Tienda Windows de ejemplo en el lenguaje de programación que prefieras (JavaScript y HTML o C# y XAML).

En esta sección

TemaDescripción

Inicio rápido: agregar barras de la aplicación

Usa barras de la aplicación para mostrar navegación, comandos y herramientas que se puedan ocultar cuando no se necesiten.

Inicio rápido: Agregar botones de la barra de la aplicación

Los comandos situados en una barra de la aplicación normalmente se muestran usando un estilo especial con un botón redondo, un icono y una etiqueta de texto. Puedes usar los controles AppBarButton, AppBarToggleButton y AppBarSeparator para crear con total facilidad barras de la aplicación que reflejen las pautas y comportamientos de diseño adecuados.

Cómo usar una barra de la aplicación en distintos tamaños

Cuando un usuario estrecha una aplicación, se reduce el espacio horizontal en el que mostrar comandos. Si tienes varios botones en la barra de la aplicación, tendrás que hacer algunos ajustes para que se muestren correctamente en anchos más reducidos.

Cómo agregar comandos contextuales a una barra de la aplicación

Agrega comandos a una barra de la aplicación en función de la navegación o selección del usuario.

Cómo agregar un menú a una barra de la aplicación

Usa un menú para agregar un conjunto de comandos relacionados a una barra de la aplicación.

Cómo compartir una barra de la aplicación entre páginas

Usa una barra de la aplicación en las páginas relacionadas de tu aplicación.

Estilos y plantillas de AppBar

En este tema, se describen los estilos y las plantillas para el control AppBar.

Estilos y plantillas de CommandBar

En este tema se describen los estilos y las plantillas para el control CommandBar.

Estilos y plantillas de AppBarButton

En este tema se describen los estilos y las plantillas para el control AppBarButton.

Estilos y plantillas de AppBarToggleButton

En este tema se describen los estilos y las plantillas para el control AppBarToggleButton.

Estilos y plantillas de AppBarSeparator

En este tema se describen los estilos y las plantillas para el control AppBarSeparator.

Imágenes de estilos del botón AppBar

Imágenes de los estilos del botón AppBar incluidos en StandardStyles.xaml.

 

Temas relacionados

Agregar controles y contenido
Para diseñadores
Patrones de navegación
Diseños de comandos
Diseño
Navegación centralizada
Barra de la aplicación inferior
Barra de la aplicación superior
Botón Atrás
Directrices para barras de la aplicación
Directrices para el control de navegación centralizada
Hacer que la barra de la aplicación sea accesible
Para desarrolladores (XAML)
Tu primera aplicación: Parte 3: Navegación, diseño y vistas
Tu primera aplicación: Agregar navegación y vistas a una aplicación de la Tienda Windows con C++ (tutorial 3 de 4)
Navegar entre páginas.
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
Muestra de control AppBar XAML
Muestra de navegación XAML
Muestra del control de navegación centralizada en XAML

 

 

Mostrar:
© 2014 Microsoft