Desenvolvimento Windows Phone – Primeiros Passos

58

Olá Pessoal!

Que tal se “aventurar” no mundo do desenvolvimento para Windows Phone?!

Não é exagero ao me referir a um “mundo”, pois a quantidade de informação técnica é realmente muito grande, e a sensação do desenvolvedor nesta plataforma é de estar programando para PC!

Sendo assim, vamos por partes!

Para entendermos o básico deste tipo de desenvolvimento vamos estudar neste artigo dois pontos importantes:

1 – Instalação das ferramentas de desenvolvimento (todas são gratuitas!)

2 – Criar um projeto do tipo “Hello World”

Portanto, para a Instalação, os passos necessários são:

– Baixar o Windows Phone SDK (arquivo vm_web2.exe)

  • Este [Kit para Desenvolvimento de Software] nos provê todas as ferramentas que precisamos para desenvolver aplicações e jogos para as versões 7.0 e 7.5 com dispositivos rodando o sistema operacional Windows Phone.

– Executar o arquivo vm_web2.exe, para começar a instalação das seguintes ferramentas:

  • Microsoft Visual Studio 2010 Express for Windows Phone
  • Windows Phone Emulator
  • Windows Phone SDK 7.1 Assemblies
  • Silverlight 4 SDK and DRT
  • Windows Phone SDK 7.1 Extensions for XNA Game Studio 4.0
  • Microsoft Expression Blend SDK for Windows Phone 7
  • Microsoft Expression Blend SDK for Windows Phone OS 7.1
  • WCF Data Services Client for Window Phone
  • Microsoft Advertising SDK for Windows Phone

– Se o [Visual Studio 2010 SP1 – Profissional ou Superior] já estiver instalado no seu computador, o Windows Phone SDK instalará o [Windows Phone Add-in for Visual Studio 2010] ao invés do [Visual Studio 2010 Express for Windows Phone].

– Pronto! Podemos começar a desenvolver incríveis aplicações para Windows Phone!

Importante lembrar o pré-requisito para que você comece a desenvolver o design de suas páginas e o código-fonte por trás delas: SILVERLIGHT! Pois é, você, desenvolvedor, precisa ter o conhecimento básico desta ferramenta!

Apesar do anúncio da Microsoft, que para o desenvolvimento [para o novo Windows Phone 8]poderemos usar também [C++] a linha de aprendizado é bem menor no Silverlight .

Muito bem, podemos começar a criar nossa aplicação “Hello World”.

– Abra seu Visual Studio 2010 SP1 (ou Visual Studio 2010 Express for Windows Phone)

– Menu FILE->NEW->PROJECT-> Escolha [Visual C# – Silverlight for Windows Phone]

– Neste ponto, você deverá ter uma tela parecida com a seguinte:

– Após esta tela, aparecerá outra para confirmar a versão do Windows Phone OS; escolha [Windows Phone 7.1]

– Teremos então o ambiente pronto para o desenvolvimento, conforme ilustrado abaixo:

 ADICIONANDO CONTROLES

Abra a barra de ferramentas do Visual Studio, se ainda não estiver aberta, selecionando no menu View | Other Windows | Toolbox

A partir da seção Windows Phone Controls adicione um controle do tipo Botão para a área de design (arrastando o controle até a área de design), logo abaixo do texto “page name”

Como sugestão, altere as propriedades do botão, ilustradas na imagem abaixo:

Até este ponto, seu Layout (MainPage.xaml) deveria estar conforme ilustrado abaixo:

<Grid x:Name=”ContentPanel” Grid.Row=”1″ Margin=”12,0,12,0″><Button Content=”Button” Height=”72″ HorizontalAlignment=”Left” Margin=”37,18,0,0″ Name=”button1″ VerticalAlignment=”Top” Width=”389″ /></Grid>

ADICIONANDO CÓDIGO

A partir da área de design (Design View do Visual Studio) dê [dois-cliques] no botão adicionado anteriormente para adicionar nosso código C# no evento CLICK

Após duplo-clique no botão você verá o conteúdo do arquivo MainPage.xaml.cs, conforme ilustrado abaixo:

using   System;using   System.Collections.Generic;using   System.Linq;

using   System.Net;

using   System.Windows;

using   System.Windows.Controls;

using   System.Windows.Documents;

using   System.Windows.Input;

using   System.Windows.Media;

using   System.Windows.Media.Animation;

using   System.Windows.Shapes;

using   Microsoft.Phone.Controls;

namespace   PhoneApp1

{

public   partial class MainPage   : PhoneApplicationPage

{

//   Constructor

public   MainPage()

{

InitializeComponent();

}

private   void button1_Click(object   sender, RoutedEventArgs   e)

{

}

}

}

Note que o conteúdo do arquivo XAML também foi alterado, como ilustrado abaixo:

<Grid   x:Name=”ContentPanel”   Grid.Row=”1″ Margin=”12,0,12,0″><Button   Content=”Button”   Height=”72″   HorizontalAlignment=”Left”   Margin=”37,18,0,0″   Name=”button1″   VerticalAlignment=”Top”   Width=”389″   Click=“button1_Click”   /></Grid>

No arquivo MainPage.xaml.cs, substitua o evento [button1_Click] pelas seguintes linhas de código

private   void button1_Click(object   sender, RoutedEventArgs   e){     MessageBox.Show(“HELLO WORLD!!”);

}

COMPILANDO E DEPURANDO A APLICAÇÃO

Compile a aplicação por selecionar o menu Debug | Build Solution. O projeto deveria compilar sem erros, na janela Error List. Você pode abrir a janela Error List, se já não estiver aberta, por selecionar a opção de menu View | Other Windows | Error List. Se existirem erros, revise os passos acima, corrija os erros, e compile a solução novamente.

Na barra de ferramentas padrão, selecione o alvo para implantação de sua aplicação para Windows Phone Emulator

Rode a aplicação, por selecionar a opção de menu Debug | Start Debugging (ou F5). Isto abrirá a janela do Emulador e carregará sua aplicação.

Finalmente você poderá testar a aplicação, pressionando o botão e visualizando o resultado.

É claro que isto é apenas o [contato imediato de primeiro grau]! A cada novo artigo, exploraremos mais os poderosos recursos deste importante Sistema Operacional!

Abraço a todos!!

Gilberto Tezini

https://gtezini.blogspot.com

 

Fontes:

Windows Phone Development

Visual Studio 2010 Express for Windows Phone

How to: Create Your First Silverlight Application for Windows Phone

 

Share.

About Author

  • Alessandro Aguiar Brito

    Amigão, como crio aquela barrinha de opçoes perto dos botoes de navegação ?

  • Pedro Lima

    eu nao entendo por que a microsoft nao facilita pra quem já programa em desktop, usando as proprias ferramentas da microsoft, como visual basic , visual c+ e .net
    eu sou fan do vb6 , mas sei que a microsoft abandonou, mas poxa, se eles fizessem um integração entre .net e o windows phone, apenas com 1 ou 2 atualizações, seria show de mais.

    mas nao, voce tem que baixar um monte de coisas, e como ja dito ai, poucos conseguem exito.

    o windows phone é superior ao android, mas a microsoft afasta os programadores

  • michel

    Preciso de uma ajuda, não consigo executar o app no emulador do WinPhone 8.Uso win 8.1 pro! Está tudo configurado corretamente, o Hyper-V está ok, mas quando compilo o emulador abre uma janela dizendo que não foi possivel executar e não abre.

  • Enderson Costa

    Erro!! baixei o SDK, fiz passo a passo, porém da um erro dizendo que é necessário um tal de Hyper-V, o que não sei o que é…

    • Vinicius Costacastro

      Hiper-V Você Terá de Ativar Na BIOS Da Placa Mãe… Quando o PC Ligar você Apertará a Tecla F12 ou DEL Apareceu Sempre uma Tecla Para Entrar no Setup ai Você Procura Lá e Ativa. Se Não Achar Talvez seu PC Não de Suporte a Ele

      • Mauricio Melo

        Caso seu hardware suporte o Hyper-V, o Windows 8 vem nativo e vc pode usar para começar.

  • Felipe

    Qual o custo para se desenvolver para WP?
    quero dizer, posso desenvolver usando pirataria(visual studio) e comprando apenas a licenca da loja para testar no meu celular?
    Qual o custo minimo, queria comecar a desenvolver, ja desenvolvo para Android, mas nao posso gastar muito por enqnto.

    • Felipe Maba

      Ok, que esse comentário foi há 9 meses, mas pra quem acha que precisa de”pirataria” a Microsoft disponibiliza na Dreamspark Visual Studio Professional de graça pra alunos, estimulando o desenvolvimento, por isso sem pirataria, tem de graça!

      • Felipe

        Qualquer aluno ou alunos de universidades parceiras da MS? Falando assim ate parece q é free para qualquer estudante.
        Pode usar o VS Express, mas precisa do windows q é pago, pra programar para o 8.1, precisa do win8.1, pirataria manda lembrancas do trono.

        • Felipe Maba

          Hahahahaha, eu realmente esqueci que tem que ter parceria com a MS. Nesse caso, usem o que voces tem à disposição. Eu realmente achei que alguns softwares fossem free a qualquer estudante… Tipo, o VS estimula o desenvolvimento, pra que barrar… Mas se realmente nada é totalmente free pra QUALQUER aluno, é uma pena.

          • Felipe

            É um grande problema mesmo.
            Essa questao de ter q ter windows e tudo mais da MS é algo q limita muito. Android vc programa ate em calculadora.
            Mas infelizmente, pra ios e wp é a mesma b*sta, precisa do sistema inteiro do fabricante.

  • Pingback: Desenvolvimento para Windows Phone | Grupo Ashes()

  • Carlos Henrique

    Parabéns cara, muito bom o post.
    Não sou desenvolvedor, nem mesmo da área, sou farmacêutico. Mas eu sou fascinado por tecnologia, até tenho um conhecimento MUITO básico de C++ e só.
    Gostaria de me aventurar no mundo de desenvolvimento, e gostaria também de conselhos, o que devo fazer, o que procurar.. Pois estarei começando praticamente do zero..
    Desde já, agradeço!!

  • Rui Vieira

    Ola Gilberto,

    Estive pesquisando e de fato nao encontro como criar o executavel da minha aplicação, para por ela disponivel no marketplace ou ate mesmo no linkedin. pode me ajudar por favor?

    Valeu