www.devmedia.com.br – Todos os direitos reservados

Atenção este é um post gratuito publicado no site da Devmedia e publicado no Slideshare na

conta da própria Devmedia. Sua republicação não é autorizada.

Para ler e outros artigos de seu interesse, acesse http://www.devmedia.com.br/

Rumo ao Desenvolvimento Mobile - Iniciação com Windows Phone Veja neste artigo como desenvolver sua primeira aplicação para Windows Phone, uma aplicação simples

que mostra algumas funcionalidades da ferramenta de desenvolvimento para Windows Phone.

A partir de agora vamos iniciar a parte prática do desenvolvimento mobile para

Windows Phone, porém temos que preparar o ambiente para o

desenvolvimento do nosso primeiro exemplo, que é o “Hello World” ou “Olá

Mundo”, no nosso tupiniquim. Lembrando que todo o ambiente de

desenvolvimento é gratuito e basta baixa no endereço

www.create.msdn.com http://www.create.msdn.com, então escolha a opção à

esquerda, “Download Free tools”, na página que se abrir escolha a primeira

opção que é “download the SDK”, nessa página encontrarão links com tutoriais

e artigos em inglês, e por fim a página onde você poderá baixar o arquivo

wm_web3.exe que fará a instalação do SDK on-line. Podem também acessar o

linkhttp://download.microsoft.com/download/6/E/7/6E795194-EE2D- 4636-

AEBD-D1C42D2E06E1/vm_web2.exe e baixa o arquivo diretamente.

Depois de baixado o arquivo, execute-o para fazer a instalação do Visual Studio

Express, para quem esta iniciando o aprendizado é melhor fazer a instalação

padrão clicando em next até finalizar, os usuários mais avançados podem fazer

as alterações que forem pertinentes. O Visual Studio Express traz um ambiente

de desenvolvimento completo utilizando o Silverlight para Windows Phone,

Windows Phone IDE, O Windows Phone Emulator, onde serão simulados os

testes do aplicativo e o Expression Bend 4, que é um aplicativo de interface

gráfica para auxiliar na criação de botões, ícones etc... e o Microsoft XNA,

aplicativo para criação de jogos.

Nessa primeira aplicação de exemplo vou dar uma breve explicação das telas e

interfaces que vamos utilizar, para aqueles que estão vendo o SDK pela

primeira vez irem se familiarizando com o ambiente, nos próximos posts, serei

mais direto. É bom lembrar que para todos que desejam aprender uma nova

ferramenta ou nova tecnologia é importante que invistam um tempo para a

prática e para fazer exercícios, é necessário fazer, alterar e observar os

resultados para melhor fixação.

www.devmedia.com.br – Todos os direitos reservados

Então vamos lá! Para criar nossa primeira aplicação execute o Visual Studio VS

que foi instalado, o VS vai apresentar uma tela de boas vindas, onde vai

disponibilizar à esquerda opção para criação de um novo projeto (New

Project...), a abertura de um projeto (Open Project) e quando existir, vai

mostrar também os projetos mais recentes. Dê um click na opção New Project,

será apresentada uma interface (Figura 1.) que mostra à esquerda as opções:

Recent Templates (modelos recentes), onde estarão os templates recentemente

utilizados, Installed Templates (Modelos Instalados), onde estão os templates

instalados junto com VS que são o Visual Basic e o Visual C#, todos com opção

de criação com o Silverlight ou XNA e por último a opção Online Templates

(Modelos Online) onde serão apresentados templates disponíveis na internet.

Vamos trabalhar com o Visual C# e opção Silverlight, então selecionem esta

opção observando o painel ao centro onde será apresentados alguns modelos

para criação das aplicações, no nosso caso escolham a primeira opção,

Windows Phone Application. Do lado direito da tela será apresentado uma breve

descrição do modelo selecionado.

Na parte inferior da tela existem três campos a serem preenchidos, Name, que

é o nome da aplicação e como não poderia deixar de ser vamos nomear a

aplicação de AloMundo, Location, localização, onde serão gravados os arquivos

podendo este local ser selecionado através do botão Browse, por fim temos o

campo Solution Name, nome da solução que é preenchido automaticamente

quando preenchemos o Name. Existe também uma opção que vem marcada

que é Create directory for solution, opção para criação de uma pasta para

gravar os arquivos do projeto que vai ficar dentro da pasta escolhida em

Location.

www.devmedia.com.br – Todos os direitos reservados

Figura 1. Templates para a criação do projeto.

Agora clique em OK , será apresentada uma interface par escolha da versão do

Windows Phone a qual desejamos desenvolver a aplicação, escolha por favor a

opção Windows Phone OS 7.1 e clique em OK novamente, e aguarde até que

seja apresentado a IDE Figura 2.

www.devmedia.com.br – Todos os direitos reservados

Figura 2. IDE com o template do Windows Phone, o código XAML e as

propriedades.

A aplicação está pronta, foi gerada uma interface básica com o nome da

aplicação, título, uma área para que possamos acrescentar outras

funcionalidades logo abaixo do título, o código da aplicação em XAML e a janela

de propriedades do lado direito. O lado direito possui pequenas abas que são

Toolbox, onde estão os controle que poderão ser inseridos nas aplicações como,

campos, botões, textos, etc..., o Data sources onde são colocados fontes de

dados usados nas aplicações, por exemplo para uma agenda e temos o

Document OutLine onde será apresentado a estrutura da tela do simulador.

Esta aplicação já pode inclusive ser executada caso queira fazer um teste.

Vamos agora alterar a descrição da nossa aplicação de introdução, selecione o

texto “MY APPLICATION”, que está no template, observe do lado direito, em

propriedades que são apresentadas as propriedades do objeto que foi

selecionado, que é um TextBlock, usando a barra de rolagem dessa janela

encontrem a propriedade Text, onde está descrito o texto do objeto que é “MY

APPLICATION”, altere esta descrição para Primeira Aplicação. Poderão observar

www.devmedia.com.br – Todos os direitos reservados

que a descrição foi alterada no template. Agora selecionem o texto “page

name” no template, dê um click com o botão direito do mouse no texto “page

name”, será apresentado um menu onde deverão escolher a segunda opção

“View XAML”, feito isso será selecionado no painel central uma tag com o nome

TextBlock e na mesma linha algumas propriedades do TextBlock, então logo à

frente na propriedade text estará a descrição “page name”, onde mudaremos

para “Olá Mundo”, conforme o exemplo anterior, o template estará com a nova

descrição do TextBlock. Esta é outra forma que temos para alterar os textos de

alguns objetos e no resta agora apenas executar este exemplo.

Para isso, na barra de ferramentas abaixo do menu, no primeiro combo, deve

ser selecionada a opção Windows Phone Emulator, depois disso é só clicar no

ícone com uma “setinha” verde do lado direito do combo, aguarda alguns

minutos, são poucos não se desesperem e pronto a aplicação já está rodando.

Bem, foi uma aplicação bem básica e simples, mas a intenção é mesmo para

familiarização com o VS para Windows Phone.

Até o próximo artigo, onde vamos criar outras aplicações e e apresentar mais

funcionalidades da VS para vocês

Cursos relacionados

Curso online: Introdução ao desenvolvimento para celulares com J2ME

curso online - Construindo um sistema completo de vendas para dispositivos móveis com .NET