Vanguarsoft Developers blog

Ing. Javier Leal -Desarrollador CPANAX C.A / Microsoft Student Partners – VENEZUELA

Barra de Aplicación en Windows 8

8 comentarios

Control de barra de la aplicación inferior

Una barra de aplicaciones es un elemento de la interfaz de usuario que muestra navegación, comandos y herramientas al usuario. Una barra de aplicaciones puede aparecer en la parte superior de la página, en la parte inferior de la página o en ambas. Se oculta de forma predeterminada, y se muestra o se descarta cuando el usuario hace clic con el botón secundario, presiona Windows+Z o realiza la acción de pasar desde el borde superior o inferior de la pantalla.

La barra de Aplicación muy bien conocida en Windows Phone también la tenemos presente en Windows 8 y le da un realmente muy buen atractivo a nuestras aplicaciones, si quieres que se vean realmente atractivas tus aplicaciones no dudes en usarla es realmente muy fácil y acá te explico.

El ejemplo que puedes ver en la imagen que se encuentra arriba es el siguiente código:

<Page.BottomAppBar>
    <AppBar x:Name="bar" Padding="10,0,10,0">
        <Grid>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                <Button Style="{StaticResource EditAppBarButtonStyle}" />
                <Button Style="{StaticResource RemoveAppBarButtonStyle}" />
                <Button Style="{StaticResource AddAppBarButtonStyle}" />
            </StackPanel>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <Button Style="{StaticResource RefreshAppBarButtonStyle}" />
                <Button Style="{StaticResource HelpAppBarButtonStyle}" Click="Button_Click"/>
            </StackPanel>
        </Grid>
    </AppBar>
</Page.BottomAppBar>

Nota  Los estilos del botón de la barra de la aplicación usados en estos ejemplos se encuentran en el archivo StandardStyles.xaml incluido en todas las plantillas de proyecto de Microsoft Visual Studio. De forma predeterminada, los estilos de botón de barra de la aplicación se convierten en comentarios en StandardStyles.xaml. Para usar un estilo, debes quitar la marca de comentario del lenguaje de marcado de aplicaciones extensible (XAML) para el recurso Style en el archivo.

Como pueden observar es realmente sencillo pero este ejemplo es para una barra ubicada en la parte baja de la aplicación, que sucede si queremos que se encuentre arriba o otro lado utilizamos las diferentes propiedades de Page.

<Page.TopAppBar></Page.TopAppBar>

<Page.BottomAppBar></Page.BottomAppBar>

 

Espero les sea muy útil para sus aplicaciones les aseguro que es mucho mejor que utilizar un button normal pienso le quita atractivo a tus aplicaciones.

Autor: Ing. Javier J. Leal H.

Desarrollador en CPANAX C.A, Microsoft Student Partners de Venezuela Amantes de nuevas Tecnologías Desarrollador es Silverlight 5, Windows 8, Windows Phone, Influenciador y Orador en Actividades Tecnológicas Microsoft

8 pensamientos en “Barra de Aplicación en Windows 8

  1. Esto ya lo hice y es fácil el problema que tengo es cuando quiero que el TopAppBar no aparezca en la parte superior de la aplicación sino que aparezca como a unos 90 pixeles desde el top.

  2. Hola Javier, sino te molesta comparto este video donde reviso este tema y de seguro le puede ser de ayuda a muchas personas.
    Sabes como hacer que tu App para Windows8 se adecue a la posición de la tableta? “Cómo crear apps para win8, Cap 9” http://t.co/vJxRIRYG6K

  3. Estoy haciendo pruebas con Visual Studio 2012, el problema es no puedo utilizar la opción de StandardStyle, cuando quiero colocar un icono en la Barra Inferior no me muestra los diferentes estilos. como puedo invocar esta opción pues estoy pasando mis antiguas aplicaciones a esta herramienta.
    Te agradezco enormemente me colabores con este tema!

  4. la barra de aplicaciones no se me muestra dentro del inicio de window8.1 (no de manera automatica cuando selecciones una aplicacion para modificarla) y solo se muestra el menu tradicional en cascada de window, como haria para reestablecer dicha funcion??…solo acoto que solo aparece cuando le doy al boton de a la combinacion window+z

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s