Windows 8 Tips&Tricks: Mostrar y ocultar la App Bar automáticamente

En algunas ocasiones queremos hacerle notar al usuario que tiene más opciones disponibles en la AppBar, pero no resultan importantes como para dejarla mostrada por defecto. En estas ocasiones podemos mostrarla y ocultarla automáticamente nada más cargarla.

Crearemos un método para el que, dada una página, busque las AppBar, las muestre y las esconda. De esta forma podemos usar el mismo método para todas las páginas y aplicaciones que tengamos:

        public async static void ShowAndHideAppBars(Page page, int showAt=500, int hideAt=1000)
        {
            var appBars = new List();
            //Si existe barra superior o inferior las añadimos a la lista
            if (page.BottomAppBar != null)
                appBars.Add(page.BottomAppBar);
            if (page.TopAppBar != null)
                appBars.Add(page.TopAppBar);
            //Esperamos
            await Task.Delay(showAt);
            //Mostramos las barras
            foreach (var appBar in appBars)
                appBar.IsOpen = true;
            //Esperamos
            await Task.Delay(hideAt);
            //Ocultamos las barras
            foreach (var appBar in appBars)
                appBar.IsOpen = false;
        }

Podemos llamar a nuestro método desde el evento “Loaded” de nuestra página:

            this.Loaded += (x, y) => { Utilities.ShowAndHideAppBars(this); };

Al método podemos llamarle especificando también el tiempo que debe pasar hasta que se muestren y luego se oculten las barras.

Recordad que la idea de esto es que el usuario sea consciente de que las opciones están disponibles, no atosigarle constantemente con algo que ya sabe… así que ¡usadlo con cuidado!

Por Carballude

Me llamo Pablo Carballude González, soy graduado en computación con master en HCI y Seguridad Informática. Actualmente trabajo para Amazon en Seattle como Software Developer Engineer. Soy de esas personas que no saben si los textos autobiográficos deben ser en primera o tercera persona. Lo intenté en segunda, pero no le entendí nada :P

1 comentario

  1. Pingback: Bitacoras.com

Dejar un comentario

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