Atenção este é um post gratuito publicado no site da Devmedia e publicado no Slideshare naconta da própria Devmedia. Sua r...
Então vamos lá! Para criar nossa primeira aplicação execute o Visual Studio VSque foi instalado, o VS vai apresentar uma t...
Figura 1. Templates para a criação do projeto.Agora clique em OK , será apresentada uma interface par escolha da versão do...
Figura 2. IDE com o template do Windows Phone, o código XAML e aspropriedades.A aplicação está pronta, foi gerada uma inte...
que a descrição foi alterada no template. Agora selecionem o texto “pagename” no template, dê um click com o botão direito...
Próximos SlideShares
Carregando em…5
×

Rumo ao desenvolvimento mobile iniciação com windows phone

1.017 visualizações

Publicada em

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.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.017
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
20
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Rumo ao desenvolvimento mobile iniciação com windows phone

  1. 1. Atenção este é um post gratuito publicado no site da Devmedia e publicado no Slideshare naconta 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çãocom Windows PhoneVeja neste artigo como desenvolver sua primeira aplicação para Windows Phone, uma aplicação simplesque mostra algumas funcionalidades da ferramenta de desenvolvimento para Windows Phone.A partir de agora vamos iniciar a parte prática do desenvolvimento mobile paraWindows Phone, porém temos que preparar o ambiente para odesenvolvimento do nosso primeiro exemplo, que é o “Hello World” ou “OláMundo”, no nosso tupiniquim. Lembrando que todo o ambiente dedesenvolvimento é gratuito e basta baixa no endereçowww.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 primeiraopção que é “download the SDK”, nessa página encontrarão links com tutoriaise artigos em inglês, e por fim a página onde você poderá baixar o arquivowm_web3.exe que fará a instalação do SDK on-line. Podem também acessar olinkhttp://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 StudioExpress, para quem esta iniciando o aprendizado é melhor fazer a instalaçãopadrão clicando em next até finalizar, os usuários mais avançados podem fazeras alterações que forem pertinentes. O Visual Studio Express traz um ambientede desenvolvimento completo utilizando o Silverlight para Windows Phone,Windows Phone IDE, O Windows Phone Emulator, onde serão simulados ostestes do aplicativo e o Expression Bend 4, que é um aplicativo de interfacegrá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 einterfaces que vamos utilizar, para aqueles que estão vendo o SDK pelaprimeira vez irem se familiarizando com o ambiente, nos próximos posts, sereimais direto. É bom lembrar que para todos que desejam aprender uma novaferramenta ou nova tecnologia é importante que invistam um tempo para aprática e para fazer exercícios, é necessário fazer, alterar e observar osresultados para melhor fixação. www.devmedia.com.br – Todos os direitos reservados
  2. 2. Então vamos lá! Para criar nossa primeira aplicação execute o Visual Studio VSque foi instalado, o VS vai apresentar uma tela de boas vindas, onde vaidisponibilizar à esquerda opção para criação de um novo projeto (NewProject...), a abertura de um projeto (Open Project) e quando existir, vaimostrar 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 recentementeutilizados, Installed Templates (Modelos Instalados), onde estão os templatesinstalados junto com VS que são o Visual Basic e o Visual C#, todos com opçãode 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 estaopção observando o painel ao centro onde será apresentados alguns modelospara criação das aplicações, no nosso caso escolham a primeira opção,Windows Phone Application. Do lado direito da tela será apresentado uma brevedescriçã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 aaplicação de AloMundo, Location, localização, onde serão gravados os arquivospodendo este local ser selecionado através do botão Browse, por fim temos ocampo Solution Name, nome da solução que é preenchido automaticamentequando preenchemos o Name. Existe também uma opção que vem marcadaque é Create directory for solution, opção para criação de uma pasta paragravar os arquivos do projeto que vai ficar dentro da pasta escolhida emLocation. www.devmedia.com.br – Todos os direitos reservados
  3. 3. Figura 1. Templates para a criação do projeto.Agora clique em OK , será apresentada uma interface par escolha da versão doWindows Phone a qual desejamos desenvolver a aplicação, escolha por favor aopção Windows Phone OS 7.1 e clique em OK novamente, e aguarde até queseja apresentado a IDE Figura 2. www.devmedia.com.br – Todos os direitos reservados
  4. 4. Figura 2. IDE com o template do Windows Phone, o código XAML e aspropriedades.A aplicação está pronta, foi gerada uma interface básica com o nome daaplicação, título, uma área para que possamos acrescentar outrasfuncionalidades logo abaixo do título, o código da aplicação em XAML e a janelade propriedades do lado direito. O lado direito possui pequenas abas que sãoToolbox, 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 dedados usados nas aplicações, por exemplo para uma agenda e temos oDocument 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 otexto “MY APPLICATION”, que está no template, observe do lado direito, empropriedades que são apresentadas as propriedades do objeto que foiselecionado, que é um TextBlock, usando a barra de rolagem dessa janelaencontrem a propriedade Text, onde está descrito o texto do objeto que é “MYAPPLICATION”, altere esta descrição para Primeira Aplicação. Poderão observar www.devmedia.com.br – Todos os direitos reservados
  5. 5. que a descrição foi alterada no template. Agora selecionem o texto “pagename” no template, dê um click com o botão direito do mouse no texto “pagename”, 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 nomeTextBlock e na mesma linha algumas propriedades do TextBlock, então logo àfrente na propriedade text estará a descrição “page name”, onde mudaremospara “Olá Mundo”, conforme o exemplo anterior, o template estará com a novadescrição do TextBlock. Esta é outra forma que temos para alterar os textos dealguns objetos e no resta agora apenas executar este exemplo.Para isso, na barra de ferramentas abaixo do menu, no primeiro combo, deveser selecionada a opção Windows Phone Emulator, depois disso é só clicar noícone com uma “setinha” verde do lado direito do combo, aguarda algunsminutos, 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 parafamiliarização com o VS para Windows Phone.Até o próximo artigo, onde vamos criar outras aplicações e e apresentar maisfuncionalidades da VS para vocêsCursos relacionadosCurso online: Introdução ao desenvolvimento para celulares com J2MEcurso online - Construindo um sistema completo de vendas para dispositivos móveis com .NET www.devmedia.com.br – Todos os direitos reservados

×