Idioma: HTML | XAML

Adicionando barras de aplicativos (XAML)

Applies to Windows and Windows Phone

Use as barras de aplicativos para apresentar navegação, comandos e ferramentas aos usuários. As barras de aplicativos ficam ocultas por padrão e aparecem quando os usuários passam o dedo na extremidade superior ou inferior da tela. Elas abrangem o conteúdo do aplicativo e podem ser ignoradas pelo usuário, bastando que ele passe o dedo pela extremidade ou interaja com o aplicativo. As barras de aplicativos respondem automaticamente ao gesto de passar o dedo pela extremidade e podem ser mostradas ou permanecer ocultas por meio de programação.

Controle da barra de aplicativos inferior

A estrutura XAML inclui os controles CommandBar e AppBar que facilitam a exibição da interface do usuário que aparece ao passar o dedo pelas bordas de cima e de baixo da tela.

Se você precisar de uma barra de aplicativos apenas com os controles AppBarButton,AppBarToggleButton e AppBarSeparator, use a CommandBar. A CommandBar torna a criação de barras de aplicativos básicas mais simples, com:

  • Layout automático de comandos, com os comandos principais à direita e os comandos secundários à esquerda.
  • Redimensionamento automático de comandos da barra de aplicativos quando o tamanho do aplicativo muda.

Se você precisar de conteúdo mais complexo, como imagens, barras de progresso ou blocos de texto, use um controle AppBar. Você pode usar uma AppBar com conteúdo personalizado para criar uma barra de ferramentas ou uma interface do usuário de navegação. Ao colocar os comandos em um controle AppBar, você tem que redimensionar e reorganizar o conteúdo da AppBar conforme muda o tamanho da tela.

Para saber mais sobre projetar as barras de aplicativos, veja Diretrizes para barras de aplicativos.

Se quiser tentar trabalhar com barras de aplicativos e outros recursos importantes do Windows 8, baixe os laboratórios práticos do Windows 8. Com esses laboratórios, você terá uma introdução modular e passo a passo à criação de um exemplo de aplicativo da Windows Store na linguagem de programação que preferir (JavaScript e HTML ou C# e linguagem XAML).

Nesta seção

TópicoDescrição

Guia de início rápido: Adicionando barras de aplicativos

Use barras de aplicativos para mostrar a navegação, os comandos e as ferramentas que podem ser ocultas quando não forem necessárias.

Guia de início rápido: adicionando botões à barra de aplicativos

Os comandos em uma barra de aplicativos normalmente são exibidos usando um estilo especial com um botão redondo, um ícone e um rótulo de texto. Você pode usar os controles AppBarButton, AppBarToggleButton e AppBarSeparator para criar barras de aplicativos mais facilmente que refletem as diretrizes e os comportamentos de design apropriados.

Como usar uma barra de aplicativos em diferentes tamanhos

Quando um usuário torna um aplicativo mais estreito, não há muito espaço horizontal para mostrar os comandos. Se você tem mais do que alguns botões na barra de aplicativos, é preciso fazer alguns ajustes para que eles sejam mostrados corretamente nesse espaço mais estreito.

Como adicionar comandos contextuais a uma barra de aplicativos

Adicione comandos a uma barra de aplicativos com base na seleção ou navegação do usuário.

Para adicionar um menu a uma barra de aplicativos

Use um menu para adicionar um conjunto de comandos relacionados a uma barra de aplicativos.

Como compartilhar uma barra de aplicativos em páginas

Use uma barra de aplicativos em páginas relacionadas no seu aplicativo.

Estilos e modelos de AppBar

Este tópico descreve estilos e modelos para o controle AppBar.

Estilos e modelos de CommandBar

Este tópico descreve estilos e modelos para o controle CommandBar.

Estilos e modelos de AppBarButton

Este tópico descreve estilos e modelos para o controle AppBarButton.

Estilos e modelos de AppBarToggleButton

Este tópico descreve estilos e modelos para o controle AppBarToggleButton.

Estilos e modelos de AppBarSeparator

Este tópico descreve estilos e modelos para o controle AppBarSeparator.

Imagens de estilos do botão AppBar

Imagens de estilos do botãoAppBar incluídas em StandardStyles.xaml.

 

Tópicos relacionados

Adicionando controles e conteúdo
Para designers
Padrões de navegação
Padrões de comando
Layout
Hub
Barra de aplicativos inferior
Barra de aplicativos superior
Botão Voltar
Diretrizes para barras de aplicativos
Diretrizes do controle hub
Tornando a barra de aplicativos acessível
Para desenvolvedores (XAML)
Seu primeiro aplicativo - Parte 3: navegação, layout e modos de exibição.
Seu primeiro aplicativo - Adicionar navegação e exibições no aplicativo da C++ Windows Store (tutorial 3 de 4)
Navegando entre as páginas
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
Exemplo de controle AppBar em XAML
Exemplo de navegação XAML
Exemplo de controle Hub XAML

 

 

Mostrar:
© 2014 Microsoft