Iniciando o desenvolvimento com Windows Phone 7

O Windows Phone é a nova aposta da Microsoft no mercado mobile. Se você já desenvolve suas aplicações em C# com Silverlight o aprendizado será muito mais facilitado. No artigo de hoje vamos preparar o nosso ambiente de desenvolvimento para Windows Phone 7 ou #WP7 e desenvolver uma pequena aplicação de introdução a plataforma.

 

Podemos também desenvolver, além de aplicações com a tecnologia Silverlight, jogos com o framework Xna. Mais informações sobre o XNA acesse o site das bibliotecas no portal MSDN [ http://msdn.microsoft.com/en-us/library/bb203940.aspx ].

 

Vamos começar.

 

O primeiro passo para começar a desenvolver suas aplicações para WP7  instalar o WindowsPhone Developer Tools RTW , ele é disponível para o Windows Vista e Windows 7, e são instalados os seguintes aplicativos:

 

Visual Studio 2010 Express for Windows Phone

Microsoft Expression Blend for Windows Phone

Silverlight 4 Tools For Visual Studio

XNA Game Studio 4.0

Windows Phone Emulator Resources

 

O link para download é : http://migre.me/48evK

 

Após o download inicie a instalação..

 

A primeira etapa é você aceitar a instalação. Clique é Install Now:

Figura 1. Primeira tela para instalação.

 

Assim que a instalação for concluída você verá a seguinte tela:

 

Figura 2. Nesta tela mostra que sua instalação foi concluída.

 

Criando um novo projeto.

Depois que instalamos o Windows Phone Developer Tools agora podemos criar o nosso primeiro projeto.

  1. Abra o Visual Studio 2010 Express for Windows Phone.
  2. No menu File clique em New Project.

Figura 3. Criando um novo projeto.

 

Será aberta a janela New Project. No lado esquerdo dessa janela vemos os diferentes templates. Na parte central da janela vemos os diferentes tipos de aplicações que podemos criar.

 

Figura 4. Janela New Project.

 

  1. No lado esquerdo, selecione Silverlight for Windows Phone.
  2. Na parte central da janela, selecione Windows Phone Application.
  3. Nomeie o projeto com OlaPhone e clique em OK.

Nosso projeto será criado.

Figura 5. Projeto criado.

 

No Solution Explorer podemos ver os arquivos do nosso projeto.

O arquivo MainPage.xaml é onde define a interface da nossa aplicação. O XAML é uma linguagem que usamos para criar e posicionar os nossos controles na UI da aplicação. Para mais informações sobre o XAML, veja o XALM Overview [http://msdn.microsoft.com/en-us/library/cc189036(VS.95).aspx]  do portal MSDN.

 

Adicionando os controles:

  1. Se a MainPage.xaml não estiver aberta dê dois cliques nesse arquivo no Sollution Explorer.
  2. No menu view clique em Other Windows e clique em Toolbox.
  3. Arraste para a tela do modo Design de nossa aplicação os seguintes controles que estão na janela Toolbox:
    1. 1 Button
    2. 1 TextBox
    3. 1 TextBlock
  4. Arranje os controles com a seguir:

Figura 6.  Controles adicionados.

 

Perceba que em nosso código XAML foi adicionado ao nosso Grid todas as propriedades de nossos

controles:

Figura 7. Codigo XAML dos controles.

 

Agora vamos alterar algumas propriedades de nossos controles. Mas para isso vamos utilizar o modo XAML.

Na propriedade “Name” no controle TextBox mude para txtNome.

Na propriedade Name do controle Button mude para btnOK. E a propriedade Contente mude para “OK”, esse será o texto exibido no botão.

Por fim, altere na propriedade Name do controle TextBlock para txbNome. E a propriedade Text, pode deixar vazio “”. Para nosso texto ficar um pouco maior adicione a propriedade FontSize=”40”. Com isso podemos almentar as seguintes propriedades:

 

Height=”342”

Widght=”444”

 

Você pode também personalizar o cabeçalho da aplicação para isso, você deve alterar as propriedades Text dos seguintes TextBlocks: ApplicationTitle e PageTitle. Como mostra a imagem a seguir:

 

Figura 8. Grid cabeçalho da aplicação.

 

Bom agora só falta acrescentar o nosso código C#.

Dê um clique duplo em nosso botão e adicione o seguinte código:

Figura 9. Codigo no evento click do botão.

 

Agora é só compilar F5.

Será aberto o Windows Phone Emulator. E nossa aplicação irá rodar nele, isso evita você precisar de comprar uma celular pra testar sua aplicação.

Figura 10. Aplicação compilada.

 

Essa aí é nossa aplicação. =)

 

Digite seu nome no textbox e clique em ok.

 

Lembrando que sempre que você precisar fazer uma modificação no seu código, não é necessário fechar o emulator para que a tarefa seja feita. Basta você parar a compilação e fazer a modificação necessária. Pois da próxima vez que for compilar, o processo será mais rápido.

 

Aprofunde seus conhecimentos sobre o tema visitando também a comuni...

 

 

 

Exibições: 249

Comentar

Você precisa ser um membro de DevBrasil para adicionar comentários!

Entrar em DevBrasil

Comentário de Andre Nascentes em 1 abril 2011 às 22:39

Muito legal, cara. Parabéns!

Pra quem quer se aprofundar, tem a série Windows Phone From Scratch do Jesse Liberty. Nessa série ele aborda desde o básico até tópicos mais avançados, como uso do padrão MVVM.

Comentário de Aline Santana em 1 abril 2011 às 16:11
muito bomm !!
Comentário de João Ignácio da Silva Neto em 31 março 2011 às 15:17

Cara, meu VS2010 tava com o mesmo problema do seu aí, de borrar a fonte, olha a correção aqui:

http://www.50minutos.com.br/blog/post/Visual-Studio-2010-WPF-e-Wind...

 

e parabéns pelo material.

Comentário de Omar em 31 março 2011 às 12:27
Muito bom . vou começar a programar com WP7
Comentário de Franco Oliveira em 31 março 2011 às 11:58

Muito bom Thiago,

Valeu.

Comentário de Ramon Durães em 31 março 2011 às 10:28
HOT HOT HOT!!
Comentário de Henrich Natanael de Moraes em 31 março 2011 às 10:18
Muito bom Thiago! Parabéns!
Comentário de Samuel Liques em 31 março 2011 às 10:15
Ficou mto bom thiago. =D
Comentário de Clayton Fernandes em 31 março 2011 às 9:32
Mandou bem meu velho!
Comentário de Thiago Fernandes em 31 março 2011 às 9:05
Parabéns pela iniciativa!

© 2019   Criado por Ramon Durães.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço