Adicionando um modelo de item de página (para aplicativos da Windows Store em C#/VB/C++ e XAML)

Você pode adicionar um modelo de item de página a um aplicativo da Windows Store para fornecer navegação fácil entre páginas. Para obter descrições dos modelos de item da Windows Store, veja Modelos de item C#, VB e C++ para aplicativos da Windows Store.

Vamos criar um projeto no modelo de projeto de Aplicativo em Branco, um modelo mínimo que não contém nenhum controle. Como os modelos de Aplicativo de Grade e Aplicativo Dividido, o modelo de Aplicativo em Branco cria um quadro e navega para uma página em branco.

Existem várias páginas que você pode adicionar a um aplicativo, incluindo cada página que compõe o aplicativo de grade e o aplicativo dividido, a Página em Branco e a Página Básica. Cada modelo de página de item cria um novo arquivo XAML e os arquivos code-behind associados (.vb, .cs, .h, .cpp).

Começamos criando um aplicativo de navegação no modelo Aplicativo em Branco.

Criando o aplicativo em branco

1. No menu Visual Studio, selecione Arquivo > Novo Projeto.

2. No painel esquerdo da caixa de diálogo Novo Projeto, selecione o nó Visual C#, Visual Basic ou Visual C++.

3. No painel central, selecione Aplicativo em Branco.

4. Na caixa Nome, digite AplicativoBranco e selecione o botão OK.

   A solução é criada e os arquivos de projeto aparecem no Gerenciador de Soluções. Para saber mais sobre os arquivos de projeto, veja Modelos de projeto C#, VB e C++ para aplicativos da Windows Store.

   Importante  Quando você executa o Visual Studio pela primeira vez, ele pede para você obter uma licença de desenvolvedor. Para saber mais, veja Obter uma licença de desenvolvedor.

5. Para executar o programa, no menu Visual Studio, selecione Depurar > Iniciar Depuração ou pressione F5.

   Uma página em branco é exibida.

6. Pressione Shift+F5 para parar a depuração e voltar ao Visual Studio.

Em seguida, adicionaremos uma segunda página.

Adicionando a página básica

1. No Gerenciador de Soluções, abre o menu de atalho do nó do projeto AplicativoBranco e selecione Adicionar > Novo Item.

2. Na caixa de diálogo Adicionar Novo Item, selecione Página em Branco no painel central.

3. Na caixa Nome, digite page2 e selecione o botão Adicionar.

   O arquivo page2.xaml é criado, juntamente com um (ou dois se estiver usando o Visual C++) outros arquivos de projeto: page2.xaml.vb, page2.xaml.cs ou page2.xaml.cpp e page2.xaml.h.

Agora, adicionaremos códigos para navegar entre as páginas. O aplicativo de navegação que estamos criando usa um evento de clique em botão para navegar de uma página para outra.

Adicionando código de navegação

1. No Gerenciador de Soluções, abra MainPage.xaml.

2. Na Caixa de Ferramentas, arraste um Botão para a superfície de design.

3. Na exibição da linguagem XAML ou de design, selecione o botão que você adicionou a MainPage.xaml.

4. Na janela Propriedades, clique no botão Eventos ().

5. Localize o evento Click na parte superior da lista de eventos. Na caixa de texto do evento, digite o nome da função que manipula o evento Click. Para este exemplo, digite "Button_Click".

   

6. Pressione Enter. O método do manipulador de eventos será criado e aberto no editor de código para que você possa adicionar o código que será executado quando o evento ocorrer.

7. No novo manipulador de eventos, adicione o seguinte código:

   this.Frame.Navigate(typeof(page2));
   

   Me.Frame.Navigate(GetType(BlankPage1))
   

8. Para executar o aplicativo, pressione F5.

   Quando você clica no botão Próxima Página, page2.xaml é carregado e exibe seu conteúdo padrão.

   Clique no botão Voltar para retornar à primeira página do aplicativo.

Tópicos relacionados

Modelos de item C#, VB e C++ para aplicativos da Windows Store

Adicionando um modelo de item Contrato do Windows Search