Na última parte da série de desenvolvimento do Windows Phone 7.5 Mango App, vimos como navegar entre as páginas XAML, enquanto neste tutorial veremos a barra de aplicativos.
A barra de aplicativos é semelhante a um menu. Tem ícones no topo que apenas espiam por baixo e um botão de reticências que quando clicado mostra um número de opções de menu textuais. Podemos usar essas opções para executar alguma operação na página XAML atual ou navegar pelo usuário para uma área totalmente nova de nosso aplicativo. O bom da barra de aplicativos é que ela permanece oculta e não interfere na interface básica do usuário do aplicativo.
Vamos em frente e trabalhe com um exemplo ao vivo.
Crie um novo projeto do Windows Phone 7.5 com um nome exclusivo; algo como "ApplicationBarDemo". Em seguida, clique com o botão direito do mouse no nome do projeto na janela Solution Explorer e selecione Add no menu. Selecione Nova Pasta no submenu e nomeie a nova pasta criada como “Ícones”. A pasta Ícones armazenará ícones que serão exibidos na barra de aplicativos. Agora navegue até “C: Arquivos de Programas Microsoft SDKs Windows Phone v7.0 Ícones dark” e arraste e solte os ícones (sinal de mais e menos) na pasta Ícones do seu projeto para que eles agora se tornem parte do seu projeto. Altere a propriedade Build Action de cada um dos ícones de Resource para Content.
ApplicationBarIconButton IconUri =”/ Images / appbar.minus.rest.png” Texto =”Remover” Clique em”ApplicationBarIconButton_Click” />
ApplicationBarIconButton IconUri =”/ Images / appbar.new.rest.png” Texto =”Adicionar” Clique em”ApplicationBarIconButton_Click_1” />
ApplicationBarIconButton IconUri =”/ Images / appbar.minus.rest.png” Texto =”Remover” Clique em”ApplicationBarIconButton_Click” />
ApplicationBarIconButton IconUri =”/ Images / appbar.new.rest.png” Texto =”Adicionar” Clique em”ApplicationBarIconButton_Click_1” />
ApplicationBarMenuItem Text =”Menu 1 ″ Clique em” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 2 ″ Click =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 3 ″ Clique em” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 4 ″ Clique em” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 5 ″ Clique em” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 6 ″ Clique em” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 7 ″ Clique em” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 8 ″ Clique em” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 9 ″ Clique em” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 10 ″ Click =” ApplicationBarMenuItem_Click_1 ″ />
ApplicationBarMenuItem Text =”Menu 11 ″ Clique em” ApplicationBarMenuItem_Click”/>
ApplicationBarMenuItem Text =”Menu 12 ″ Clique em” ApplicationBarMenuItem_Click_1 ″ />
A barra de aplicativos pode conter quatro botões de ícones no máximo e um número ilimitado de itens de menu textuais.
Vamos dar uma olhada no código XAML para o código de ícones da barra de aplicativos
ApplicationBarIconButton IconUri =”/ Images / appbar.minus.rest.png” Texto =”Remover” Clique em”ApplicationBarIconButton_Click” />
Cada botão do ícone da barra de aplicativos contém várias propriedades. A propriedade IconUri é usada para definir o uri para o ícone. A propriedade text define o texto em miniatura a ser exibido abaixo do ícone. O evento click nos ajuda a definir a funcionalidade a ser executada quando o ícone é clicado.
Da mesma forma, o item de menu da barra de aplicativos contém várias propriedades e eventos. Não abordaremos esses detalhes, pois este tutorial é para iniciantes. Você pode encontrar mais informações no site do MSDN. Agora vamos ver como usar a tela como um diálogo.
Posts relacionados:
- Windows Phone Tutorial 8: Criando um botão personalizado no Expression Blend-I
- Navegando entre páginas XAML: Windows Phone Apps Development Tutorial - Parte 21
- Tutorial do Windows Phone 4: Criando a interface do usuário
- GPS, API de localização e Calling Web Services: Tutorial de desenvolvimento de aplicações para Windows Phone - 25
- Entendendo o XAML: Desenvolvimento de Aplicativos para Windows Phone Turorial - Parte 15
