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