次の方法で共有


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.image

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

 

WindowsPhone1. 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

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.

 

image4. 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

image

 

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:

image image

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.

image

 

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

image

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

image

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:
  • 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