Como desenvolver sua primeira aplicação Olá Mundo para Windows Mobile

Neste artigo ensinarei a desenvolver passo a passo uma aplicação simples, um Olá Mundo, para rodar em Windows Mobile.

Se você ainda não tem o ambiente de desenvolvimento Microsoft Visual Studio 2008 instalado e configurado em sua máquina, aprenda a instalar lendo esse post: Como instalar e configurar seu ambiente de desenvolvimento para desenvolver aplicações para Windows Mobile.

Abra o Visual Studio 2008 e vamos fazer nossa primeira aplicação Pocket PC Windows Mobile – Hello Word!

Clique em File – New – Project.

image0091.jpg

Nessa tela vamos escolher o tipo de projeto, nomear a solução e escolher um caminho.

Em Project types clicamos em Smart Device, em Templates selecionamos Smart Device Project.

Em name colocamos o nome do projeto HelloWord em Location escolhemos o caminho (diretório) para nosso projeto.

image010.jpg

Nessa tela iremos escolher qual framework a utilizar. Nesse tutorial utilizaremos o mais novo framework da Microsoft - .NET Compact Framework 3.5.

Detalhes sobre o .NET Framwork

Em Templates escolhemos a opção Device Application e clicamos em OK.

image011.jpg

Finalmente iremos fazer nossa primeira aplicação! Na imagem a seguir temo uma paleta de componentes, a Toolbox. Nela temos vários componentes da IDE que nos facilita a desenvolver e termos uma grande produtividade no processo de desenvolvimento.

Esse tutorial não tem o objetivo de explicar a paleta Toolbox do VS2008, mas ao desenvolver explicarei cada componente que utilizaremos.

image012.jpg

Na paleta Solution Explorer, clique com o botão direito do mouse no nome do projeto – HelloWord. Clique em Add – New Item.

image013.jpg

Em Categories e Templates clique em Windows Forms.

Em Name digite um nome para nosso formulário – Tela1.

Repita o processo e crie um formulário com o nome Tela2.

image014.jpg

No formulário Tela1 vamos colocar os seguintes componentes:

Label – Serve para colocarmos textos, mensagens para o usuário.

Textbox – Componente onde digitamos textos.

Button – Botão

Inputpanel – Componente que serve para visualizar o teclado do device

Propriedades dos componentes que modificaremos:

Label

Name – lblTitulo

Font - Trebuchet MS; 10pt; style=Bold

- Text - Primeira Aplicação Pocket PC

- TextAlign – TopCenter


Button

Name – btnOk

Text – Ok

Na paleta de propriedades clique em Events

No evento Click, dê um clique duplo

TextBox

- Name – txtHelloWord

Na paleta de propriedades clique em Events

No evento GotFocus, dê um clique duplo

Inputpanel

- Name - teclado

A tela deverá ser dessa forma:

image0151.jpg

Código-fonte deverá ser assim:

using System;

using System.Text;

using System.Windows.Forms;

namespace HelloWord

{

public partial class Tela1 : Form

{

public Tela1()

{

InitializeComponent();

}

//Evento do click no botão. Redireciona para o formulário Tela2

//enviando o texto no textbox para a propriedade LblMensagem

private void btnOk_Click(object sender, EventArgs e)

{

if (!(txtHelloWord.Text.Equals(”")))

{

//teclado fica oculto

teclado.Enabled = false;

//instanciando o objeto para abrir o formulário Tela2

Tela2 tela2 = new Tela2();

//propriedade que recebe o valor do textbox

tela2.LblMensagem = txtHelloWord.Text;

//Inicializa a tela

tela2.Show();

}

else

//caso o textbox esteja vazio uma mensagem é mostrada

MessageBox.Show(”Digite um texto…”);

}

//Quando selecionado o teclado aparece no device

private void txtHelloWord_GotFocus(object sender, EventArgs e)

{

//teclado aparece

teclado.Enabled = true;

}

}

}

No formulário Tela2 vamos colocar os seguintes componentes:

Label – Serve para colocarmos textos, mensagens para o usuário.

2 Button – Botão

Propriedades dos componentes que modificaremos:

Label

Name – lblMensagem

TextAlign – TopCenter

ForeColor - Red

Button

- Name – btnVoltar

- Text – Voltar

Na paleta de propriedades clique em Events

No evento Click, dê um clique duplo

Button

- Name – btnSair

- Text – Sair

Na paleta de propriedades clique em Events

No evento Click, dê um clique duplo

A tela deverá ser dessa forma:

image016.jpg

Código-fonte deverá ser assim:

using System;

using System.Text;

using System.Windows.Forms;

namespace HelloWord

{

public partial class Tela2 : Form

{

//Propriedade que recebe o texto do formulário Tela1

public string LblMensagem

{

set

{

lblMensagem.Text = value;

}

}

public Tela2()

{

InitializeComponent();

}

//Volta para o formulário Tela1

private void btnVoltar_Click(object sender, EventArgs e)

{

Tela1 tela1 = new Tela1();

tela1.Show();

//Fecha a tela

this.Close();

}

//Finaliza a aplicação

private void btnSair_Click(object sender, EventArgs e)

{

Application.Exit();

}

}

}

Depois de terminado - ctrl+b (Build na aplicação)

Seguinte - ctrl+F5 (Inicializa a aplicação)

Caso não tenha um device, escolha a opção do emulador do VS2008.



Sobre o Autor

Este artigo foi escrito por Thiago César.
Thiago é desenvolvedor de aplicações Windows Mobile, J2ME, Web (ASP, ASP.NET). Para conversar com o autor use o e-mail, msn e gtalk tceufrasio@gmail.com.



Receba artigos em seu e-mail

Receba os novos artigos do blog em seu e-mail. E-Mail:



11 Comentários

  1. Thiago Bighetti:

    Achei muito interessante e bom o objetivo do DevMobile, acho que precisamos de mais pessoas que tomem atitudes iguais a essa, o desenvolvimento de aplicações para windows mobile esta girando muito em torno do “Shareware” está difícil achar aplicações gratuitas, até mesmo entre os desenvolvedores, pois é muito difícil achar bibliotecas para auxiliar o desenvolvimento sem serem pagas.
    Não sei se o pessoal que desenvolve para windows mobile acaba retendo as informações ou são poucas pessoas que se interessam pela plataforma.

    Parabéns pela iniciativa.

    Abraço!

  2. Thiago César:

    Thiago Bighetti, primeiramente agradeço por visitar o DevMobile.

    Estamos há pouco tempo com esse blog, o objetivo dele é compartilhar os conhecimentos sobre desenvolvimento para dispositivos móveis, principalmente desenvolver aplicações para Windows Mobile que não encontramos por aí algumas explicações de como desenvolver alguns componentes e/ou explicações de como usar as API’s do .NET e assim sucessivamente…
    Aos poucos vamos colocando mais post’s no DevMobile e assim aguardamos você mais vezes por aqui e também espero que queira compartilhar seus conhecimentos com essa tecnologia!
    Obrigado novamente!
    Jesus te abençoe.

    Abraço

  3. Rui Dias:

    Boas.
    Estamos a iniciar o desenvolvimento para Windows Mobile, com o C#, muito util seu site.
    espero encontrar aqui a ajuda que necessito, assim como ajudar sempre que possivel.
    um bem haja.

  4. dprogrammer:

    Parabéns pelo blog.

    Esse artigo foi uma iniciativa e tanto para que eu começasse a programar para windows mobile.

    Achei o blog ontem e já criei o programa desse artigo. Muito emocionante, hehhehe. Muita emoção em vê-lo executando no meu PPC.

  5. Henrique Dias:

    Parabens pela excelente iniciativa do blog.
    Eu estava procurando a um bom tempo já algum site que colocasse de uma maneira de facil assimilação esse mundo “Mobile”.

  6. Patricia Paula:

    Thiago ,

    estou começandoa desenvolver para mobile fiz este desenvolvimento e apresentou seguinte erro:
    The type’HelloWord.Tela2′ already contains a definition for ‘lblmensagem’
    Não consigo resolver, poe me ajudar?

  7. Criando uma aplicação para Windows Mobile | MobileDev:

    […] em vários smartphones, e muitos desenvolvedores estão criando aplicações para esta plataforma. Neste artigo em seu blog, o Thiago Cesar escreve um excelente tutorial mostrando passo-a-passo como desenvolver […]

  8. Heladio Benicio:

    Thiago César,

    Sou mais um iniciante no Desenvolvimento para windows mobile, fico grato pela disponibilização dos materiais entrados neste blog, realmente não existe tanto material disponivel na net para esta plataforma …
    Meus Parabéns!

  9. Gedilson:

    Em primeiro lugar, parabéns pelo o blog.

    Sou iniciante em programação para aparelhos mobile e estou com a seguinte dificuldade. Fiz todos os passos sem nenhum problema. Porém quando executo não encontro onde o aplicativo esta para inicializa-lo. Fica dentro de onde?

    Aguardo contato.

  10. Carlos S.:

    Parabéns Thiago,

    Estou começando agora com mobile e sem dúvida esses artigos ajudam e muito.

    Espero futuramente contribuir tbm.

    Abs,
    Carlos S.

  11. Mobilidade é tudo » Blog Archive » Crie seu primeiro aplicativo Windows Mobile:

    […] tarde.. O blog DevMobile publicou o post “Como desenvolver sua primeira aplicação Olá Mundo para Windows Mobile“. Nele, aprendemos como criar um simples aplicativo Windows Mobile utilizando o icrosoft […]

Deixe um comentário

blogarama.com Globe of Blogs EatonWeb Blog Directory