Hello Windows Phone 7 – Download das ferramentas para desenvolvimento CTP

Já está disponível para download o CTP das ferramentas de desenvolvimento para a nova versão do Windows Phone da Microsoft, o Windows Phone 7 (WP7). As ferramentas para o desenvolvimento de aplicações para o Windows Phone 7 se integram na já conhecida e poderosa IDE do Visual Studio. a qual proporciona a criação das aplicações desde o design até a fase de testes.

Para começar a desenvolver para o Windows Phone 7 hoje, siga os passos abaixo:

 

1. Pré-requisitos:

• Sistema operacional: Windows Vista ENU (SP2) ou Windows 7
• 3GB de espaço em HD
• 2 GB Ram
• Placa gráfica compatível com DirectX 10 com WDDM 1.1 driver

2. Baixar as ferramentas de desenvolvimento do Windows Phone

• Link: https://www.microsoft.com/downloads/details.aspx?FamilyID=2338b5d1-79d8-46af-b828-380b0f854203&displaylang=en

3. Iniciar o instalador do WP7 – Arquivo de 3.2 MB

Ao fazer o download do arquivo de 3.2 MB, o próprio instalador irá se encarregar em baixar o todos os componentes necessários para que você possa começar a desenvolver para o WP7. Entre os componentes estão as versões CTP do VS2010 Express para Windows Phone , o Emulador do Windows Phone, o Silverlight para o Windows Phone e o XNA 4.0 Game Studio.

 

4. Ao finalizar a instalação, clique em “Run the Product Now” para iniciar o VS2010 Express para o Windows Phone.

Essa versão já vem com a Starter Page customizada com os principais recursos para auxiliar no aprendizado do Windows Phone 7. A primeira seção apresenta o VS2010 Express para o Windows Phone, a segunda mostra como criar aplicações para o WP7 e a terceira como submeter sua aplicação para o Windows Phone Marketplace.

 

 Starter Page

 

Agora vamos criar como criar uma aplicação utilizando o template do Silverlight para o Windows Phone. Essa demo será um mini browser e, ao concluída, ficará assim:

 

Siga os passos abaixo.

1. Clique em “New Project”
2. Clique em “Silverlight for Windows Phone” e selecione “Windows Phone Application” do lado direito.
3. Escolha um nome e local desejado para sua primeira aplicação e clique OK.

 

4. Quando a aplicação carregar você deve ver algo similar à imagem abaixo.

5. Antes de adicionarmos os controles necessários, vamos trocar alguns nomes padrões. Para isso iremos utilizar a caixa de Propriedades de cada um dos textos.

• Clique em cima de “MY APPLICATION” e no campo “Text” troque por seu nome por exemplo.
• Clique em “page title” e para esta demo, coloque “Mini-Browser”

6. Agora vamos incluir os controles para criarmos o nosso mini-browser.

• Utilizando a caixa de ferramentas (Toolbox) adicione um “TextBox” logo abaixo o texto “Mini-Browser”, de forma que fique parecido à imagem do mini-brower acima, utilize o mouse para ajustar o tamanho. Em seguida ajuste os seguintes valores dos campos das propriedades deste controle:
  • “Height” e “Width” = Auto
  • “HorizontalAlignment” = Stretch
  • “VerticalAlignment” = Top
  • “Text” = https://blogs.msdn.com/jpclementi
• Agora, adicione um botão (Button) da mesma maneira, com as seguintes valores:
  • “Content” = GO
  • “HorizontalAlignment” = Right
  • “VerticalAlignment” = Top
• Por último, adicione um “WebBrowser” ajustando o tamanho para que se encaixe no restante da tela. Nos valores da propriedades, utilize:
  • “Height” e “Width” = Auto
  • “HorizontalAlignment” = Stretch
  • “VerticalAlignment” = Stretch

O ajuste nas propriedades dos três controles são importantes para que a aplicação funcione corretamente tanto com o telefone na posição vertical (portrait), quanto na horizontal (landscape).

Para que sua aplicação fique exatamente como a minha, o seu XAML deve ficar dessa forma: (MainPage.xaml)

    1:  <Grid x:Name="ContentGrid" Grid.Row="1">

    2:      <TextBox Height="31" HorizontalAlignment="Stretch" Name="txtURL" 

    3:            Text="https://blogs.msdn.com/jpclementi" 

    4:            VerticalAlignment="Top" Margin="0,0,61,0" />

    5:      <Button Content="GO" Height="70" HorizontalAlignment="Right" 

    6:            Name="btnBrowse" VerticalAlignment="Top" Width="89" 

    7:            Click="btnBrowse_Click" Margin="0,0,-11,0" />

    8:      <browser:WebBrowser HorizontalAlignment="Stretch" 

    9:            Margin="0,77,0,0" Name="webBrowser" VerticalAlignment="Stretch" 

   10:            Height="Auto" Width="Auto" VerticalContentAlignment="Top" />

   11:  </Grid>

7. Adicione o código:

• Dentro da janela do design, de um duplo clique no botão “Go” adicionando um Event Handler para o evento de duplo clique. Você vai ver a página MainPage.cs já com o método para o evento de duplo clique.
• Adicione o código entre as chaves abaixo no método recém criado.

    1:  private void btnBrowse_Click(object sender, RoutedEventArgs e)

    2:  {

    3:      string website;

    4:      website = txtURL.Text;

    5:      webBrowser.Navigate(new Uri(website, UriKind.Absolute));

    6:  }

8. Finalmente, depure e teste sua primeira aplicação para o Windows Phone 7! :-)

Para aprender mais, utilize o conteúdo oficial da Microsoft na Biblioteca do MSDN: https://msdn.microsoft.com/en-us/library/ff402535(VS.92).aspx

Para ler o Release Note do CTP, utilize o link: https://download.microsoft.com/download/D/9/2/D926FB38-BB43-4D87-AE5A-1A3391279FAC/ReleaseNotes.htm

Abraço,

JP Clementi

https://twitter.com/jpclementi

Technorati Tags: Windows Phone 7