Adicionando pesquisa a um aplicativo (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 o controle SearchBox e o contrato de Pesquisa para permitir que os usuários pesquisem seu aplicativo.

A caixa de pesquisa

A caixa de pesquisa fornece a interface do usuário para realizar pesquisas e apresentar sugestões. A caixa de pesquisa dá suporte a sugestões e resultados de pesquisa fornecidos pelo aplicativo e histórico de pesquisa específico do aplicativo, bem como suporte completo para interações com toque, teclado e mouse.

O layout da caixa de pesquisa tem aparência semelhante ao exemplo a seguir.

O controle de caixa de pesquisa no aplicativo para aplicativos da Windows Store

Veja a seguir exemplos de resultados de pesquisa exibidos no controle da caixa de pesquisa.

Exemplo de resultados da caixa de pesquisa para MSFT.

Os resultados da pesquisa serão exibidos pelo seu aplicativo. Você deve projetar e criar um modo de exibição para seu aplicativo que exiba os resultados da pesquisa do usuário de forma que seja coerente e relevante às necessidades do usuário e que seja compatível com o objetivo do seu aplicativo.

Veja Diretrizes e lista de verificação de pesquisa para aprender a criar uma boa experiência de pesquisa para seus usuários.

Para saber como usar a caixa de pesquisa, confira Exemplo de controle SearchBox.

Use o contrato de Pesquisa para responder a ativações de Pesquisa.

Pesquisa em aplicativos do Windows 8

Antes do Windows 8.1, os aplicativos usavam o botão Pesquisar para fornecer pesquisa dentro deles. Os desenvolvedores implementavam o contrato de Pesquisa e usavam a API SearchPane para lidar com consultas e obter sugestões e resultados.

Embora continuemos a dar suporte total para o contrato de Pesquisa do Windows 8, a partir do Windows 8.1, recomendamos o uso do botão Pesquisar para pesquisas globais. A pesquisa interna no aplicativo deve usar o controle SearchBox no lugar de SearchPane. Você ainda usa o contrato de Pesquisa para lidar com a ativação de Pesquisa.

Nesta seção

Tópico Descrição

Guia de início rápido

 

Além disso, você pode tentar trabalhar com o botão Pesquisar e outros dos principais recursos do Windows 8 baixando os exercícios práticos para o Windows 8. Esses laboratórios apresentam uma introdução modular passo a passo de como criar um aplicativo da Windows Store de amostra na linguagem de programação de sua preferência (JavaScript e HTML ou C# e XAML).

Tópicos relacionados

WinJS.UI.SearchBox

Diretrizes e lista de verificação para pesquisa

Exemplo de controle SearchBox