Adicionando barras de aplicativos e barras de ferramentas (HTML)
[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]
Use barras de aplicativos para exibir os comandos relevantes ao contexto do usuário, normalmente a página ou a seleção atual. A AppBar representa uma superfície de comando que vai para o estado aberto quando o usuário toca nas reticências na AppBar, o que exibe os rótulos dos botões de ícone e itens de menu (se habilitado). Um AppBarCommand pode ser "principal" ou "secundário." Comandos principais estão visíveis como comandos de botão na área de ação da AppBar, e comandos secundários sempre estão ocultos como comandos de menu na área de excedentes. As AppBars estão restritas à parte superior ou inferior da tela do aplicativo e sempre se sobrepõem à tela.
.png "Exemplo de barra de aplicativos")
A ToolBar é uma forma especializada da AppBar e um controle simples que aborda escalabilidade de comando. Esse controle tem uma área de ação onde comandos estão disponíveis imediatamente e uma área de excedentes onde comandos estão ocultos, mas podem ser exibidos mediante solicitação do usuário final. O controle suporta comportamento adaptável, permitindo que os comandos se movam dinamicamente da área principal para a secundária quando o espaço é limitado. A barra de ferramentas não está restrita a um único local em um aplicativo, mas pode ser encontrada em vários lugares como barra de aplicativos, submenu e na tela.
Você pode tentar trabalhar com barras de aplicativos, barras de ferramentas e outros recursos principais da Biblioteca do Windows para JavaScript (WinJS) no site Experimente o WinJS.
É importante lembrar que AppBars e ToolBars diferem de algumas maneiras:
- AppBar é uma sobreposição com light dismiss, o que significa que ela sempre cobrirá alguma parte da tela.
- A AppBar, assim como todas as sobreposições com light dismiss, deve sempre ser um filho direto do elemento <body>.
- A ToolBar, quando closed, não é uma sobreposição, o que significa que ela deve ter seu próprio espaço de layout, assim como qualquer outro componente.
- A ToolBar, quando opened, funciona como uma sobreposição, cobrindo o conteúdo vizinho conforme se expande verticalmente.
Nesta seção
| Tópico | Descrição |
|---|---|
ToolBar é um controle simples que aborda escalabilidade de comando. Ele tem uma action area onde os comandos estão disponíveis imediatamente e uma overflow area onde os comandos estão ocultos, mas pode ser exibidos mediante solicitação do usuário final. O controle suporta comportamento adaptável, permitindo que os comandos se movam dinamicamente da área principal para a secundária quando o espaço é limitado. ToolBar não se restringe a um único local em um aplicativo, mas pode ser encontrado em vários lugares, como Splitview, Flyout e canvas. |
|
Este artigo explica como adicionar uma AppBar ao seu aplicativo do Tempo de Execução do Windows que usa JavaScript. |
|
Você pode adicionar uma AppBar com conteúdo personalizado ao aplicativo da Windows Store que usa JavaScript. |
|
Como fazer com que as barras de aplicativos funcionem com ListViews |
Este tópico de instruções explica a interação entre o ListView e a AppBar para dar suporte a esses cenários enquanto segue as práticas recomendadas para AppBar. |
Fornece exemplos de como definir o estilo de uma AppBar ou ToolBar e seus controles. |