Usando o Canvas como Diálogo: Tutorial de Desenvolvimento de Aplicativos do Windows Phone - Parte 23

Usando o Canvas como Diálogo: Tutorial de Desenvolvimento de Aplicativos do Windows Phone - Parte 23
Usando o Canvas como Diálogo: Tutorial de Desenvolvimento de Aplicativos do Windows Phone - Parte 23

Vídeo: Usando o Canvas como Diálogo: Tutorial de Desenvolvimento de Aplicativos do Windows Phone - Parte 23

Vídeo: Usando o Canvas como Diálogo: Tutorial de Desenvolvimento de Aplicativos do Windows Phone - Parte 23
Vídeo: COMO INICIAR O WINDOWS 10 SEM PEDIR SENHA? ATUALIZADO! FUNCIONA TAMBÉM NO WINDOWS 11! - YouTube 2024, Maio
Anonim

Examinamos a barra de aplicativos e seu funcionamento no último tutorial - agora, nesta parte da série de desenvolvimento do Windows Phone 7.5 Mango App, aprenderemos a criar e exibir janelas pop-up no Aplicativo do Windows Phone 7.5.

Às vezes, é mais fácil exibir uma janela pop-up do que navegar pelo usuário para uma página XAML totalmente nova para determinadas operações. Assim, uma janela pop-up pode ser simplesmente informativa ou confirmar as ações do usuário como "Deseja excluir esse arquivo?". A técnica de criar uma janela pop-up é simples. Tudo o que temos a fazer é criar um Canvas e colocar alguns controles nele. Também temos que definir um mecanismo para exibir e ocultar a janela pop-up conforme a necessidade da situação. Então vamos começar!

Crie um novo projeto de aplicativo do Widows Phone 7. Copie e cole o seguinte código XAML no painel Conteúdo da grade do MainPage.xaml usando o editor XAML na janela de designer.
Crie um novo projeto de aplicativo do Widows Phone 7. Copie e cole o seguinte código XAML no painel Conteúdo da grade do MainPage.xaml usando o editor XAML na janela de designer.

Altura = "72"

HorizontalAlignment =”Esquerda”

Margem =”150,200,0,0 ″

Nome = "openButton"

VerticalAlignment =”Top”

Largura = "160"

Clique em "openButton_Click"

/>

Altura =”438 ″

Largura =”427 ″

HorizontalAlignment =”Esquerda”

VerticalAlignment =”Top”

Margem =”24,48,0,0 ″

Fundo = "# FF6E0000"

Visibilidade = "recolhido"

>

HorizontalAlignment =”Esquerda”

Altura = "50"

Largura = "400"

Name =”instructionsTextBlock”

Texto =”Clique no botão abaixo para fechar este diálogo pop-up.”

TextAlignment =”Esquerda”

TextWrapping =”Enrole”

/>

Largura = "200"

Conteúdo = "Close Me"

Nome = "closeButton"

Clique em "closeButton_Click"

Margem =”125,300 ″ Canvas.Left =” - 16 ″ Canvas.Top =”- 7 ″ />

Com o código dado acima, criamos um botão chamado openButton. Também definimos um Canvas (myDialog) com um bloco de texto chamado instructionsTextBlock e um botão chamado closeButton. Observe que a visibilidade do Canvas está definida como Recolhido.

Em seguida, definimos a funcionalidade em cada um dos eventos do botão. Clique com o botão direito no openButton_Click e selecione Goto Event Handler. Copie e cole a seguinte linha de código C # no método openButton_Click () que define a visibilidade da tela myDialog para Visible.

myDialog.Visibility = System.Windows.Visibility.Visible;

Repita o mesmo processo para o evento closeButton_Click. Copie e cole a seguinte linha de código C # no método closeButton_Click () que define a visibilidade da tela myDialog para oculto.

myDialog.Visibility = System.Windows.Visibility.Hidden;

Execute o projeto e clique no botão Abrir para exibir o pop-up. Clicar no botão Fechar oculta a tela. Então, tudo se resume a criar a caixa de diálogo sem realmente criar uma nova página. Vejo você na próxima lição em InputScopes.

Recomendado: