Adicionando controles e conteúdo (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 ]

Todo aplicativo precisa de controles, como botões, caixas de seleção e listas suspensas. Os aplicativos do Tempo de Execução do Windows em JavaScript contam com suporte avançado para controles HTML existentes e para controles e funcionalidades adicionais por meio do kit de ferramentas gratuito da Biblioteca do Windows para JavaScript.

Os tópicos nesta seção descrevem como usar e aplicar estilo a esses controles.

Nesta seção

Tópico Descrição

Adicionar controles WinJS e estilos

Descreve as noções básicas de criação e uso de controles da Biblioteca do Windows para JavaScript.

Definir o estilo de controles

Aprenda a usar controles e como tirar vantagem dos recursos de estilos que a Biblioteca do Windows para JavaScript oferece.

Adicionar contêineres de item

Saiba mais sobre como adicionar um objeto ItemContainer ao seu aplicativo da Windows Store em JavaScript.

Adicionar controles HTML e manipular eventos

Descreve como criar controles HTML e manipular seus eventos.

Como definir manipuladores de eventos declarativamente

Saiba como definir manipuladores de eventos declarativamente (na sua marcação HTML) para controles HTML e da Biblioteca do Windows para JavaScript.

Lista de controles

Fornece uma lista alfabética dos aplicativos comuns da Windows Store em JavaScript.

Controles por função

Lista os controles por função.

Adicionar ListView, Zoom Semântico e FlipView

A maioria dos aplicativos manipula e exibe conjuntos de dados, como uma galeria de imagens ou um conjunto de mensagens de email. A Biblioteca do Windows para JavaScript fornece vários controles que facilitam a exibição, a apresentação e a manipulação de dados. Os tópicos nesta seção descrevem esses controles de dados e apresentação: FlipView, ListView e SemanticZoom.

Exibir e editar texto

Descreve como exibir e editar texto.

Exibir imagens, elementos gráficos e miniaturas

Contém tópicos que o ajudam a iniciar a exibição de imagens e miniaturas.

Exibir pop-ups

Contém tópicos que o ajudam a iniciar a exibição de submenus, menus e caixas de diálogo de mensagem.

Adicionar botões

Use um controle button para confirmar um comando, como enviar ou redefinir um formulário. Os botões oferecem uma forma simples de disparar um comando.

Adicionar comandos e barras de aplicativos

A maioria dos aplicativos fornece comandos a serem invocados pelos usuários. Os tópicos nesta seção descrevem as app bars, as tool bars e os context menus, que podem ser usados para fornecer comandos aos usuários.

Adicionar controles de seleção

Os controles de seleção permitem que os usuários selecionem entre várias opções.

Adicionar classificações

Contém tópicos que descrevem como usar o controle Rating da Biblioteca do Windows para JavaScript para permitir que os usuários classifiquem informações.

Adicionar controles de página

Um PageControl é uma unidade modular de HTML, CSS e JavaScript que pode ser acessada ou usada como um controle personalizado da Biblioteca do Windows para JavaScript.

Adicionar controles de progresso

Descreve como criar e usar controles de progresso, um controle que representa graficamente a atividade em andamento ou o progresso de uma tarefa.

Adicionar dicas de ferramentas

Uma dica de ferramenta é uma descrição curta vinculada a outro controle ou objeto. As dicas de ferramentas ajudam os usuários a entender objetos desconhecidos ou não familiares que são descritos diretamente na interface do usuário. Elas são exibidas automaticamente quando o usuário pressiona e segura o dedo na tela ou passa o ponteiro do mouse sobre um controle. A dica de ferramenta desaparece quando o usuário move o dedo ou o ponteiro do mouse. O conteúdo da dica de ferramenta pode ser um texto ou imagem, mas não é interativo.

Criar controles personalizados

Apesar de o Windows 8 fornecer vários controles à sua escolha, talvez você precise criar o seu próprio. Uma maneira de criar um controle personalizado é criar um PageControl. Para saber mais e conhecer exemplos, veja o Guia de início rápido: adicionando controles de página.

Usar elementos gráficos com tela, SVG e CSS3

Esta seção contém informações sobre como usar elementos gráficos no seu aplicativo da Windows Store em JavaScript.