Criando seu primeiro aplicativo Android no Eclipse

  • Published on
    06-Mar-2016

  • View
    213

  • Download
    0

DESCRIPTION

Aprenda a criar seu primeiro aplicativo Android no Eclipse.

Transcript

Criando seu primeiro aplicativo Android no Eclipse

Criando seu primeiro aplicativo Android no Eclipse Criando o projetoNo eclipse, navegue para File->New->Project. Na wizard que for apresentado escolha Android->Android Project e clique em Next. A wizard trar a tela ilustrada na Figura 1. O primeiro campo (Project name) define o nome do projeto. Deixe o campo de seleo Create new project in workspace marcado. Em Build Target informe para qual verso do Android seu aplicativo ser construdo, por hora, marque qualquer verso. Em Application Name informe o nome da aplicao. O nome do pacote deve ser definido em Package name. Por fim, o wizard d a possibilidade de criar automaticamente uma Actvity. Deixe a caixa marcada e informe o nome desta Activity. Finalmente, clique em Finish.

Figura 1: Primeiro passo para crar um projeto Android.

O Eclipse cria toda a estrutura de diretrio e arquivos necessrios para o ponta-p inicial no projeto. Vamos passar algum tempo estudando esta estrutura, mostrada na Figura 2.

Figura 2: Estrutura do projeto criada pelo Eclipse.

Estudando a estrutura src: cdigo fonte da aplicao.

gen: arquivo gerado automaticamente pela IDE. A classe R contm constantes que identificam os recursos presentes no diretrio res. assets: arquivos estticos que podem ser empacotados com a aplicao para deployment no dispositivo.

res: contm recursos, cones e layouts de interface de usurio.

Na verdade, o Eclipse j criou o programa Hello World. V com o mouse no nome do projeto, boto direito e escolha a opo Run As->Android Application. Ser visualizada uma imagem como a mostrada na Figura 3.

Figura 3: Tela inicial do emulador.

Arraste a imagem do cadeado at a extremidade direita. Ento veja o programa que acabou de se criar, sem que nenhuma linha de cdigo tenha sido digitada at agora. Veja a Figura 4.

Figura 4: Programa Hello World em execuo. Estudando cdigos

Mas de onde surgiu este aplicativo? Bem, agora que j vimos a estrutura de diretrios da aplicao e a sua interface, vamos mergulhar um pouco mais no (pouco) cdigo.H pouco falamos da classe R, que no deveria ser alterada por ter constantes importantes que apontam para recursos do aplicativo. Uma destas constantes define o layout da aplicao. Na Listagem 1 pode-se visualizar a classe R.java.

Listagem 1

1: package com.helloworld;

2:3: public final class R {

4: public static final class attr {

5: }

6: public static final class drawable {

7: public static final int icon=0x7f020000;

8: }

9: public static final class layout {

10: public static final int main=0x7f030000;

11: }

12: public static final class string {

13: public static final int app_name=0x7f040001;

14: public static final int hello=0x7f040000;

15: }

16: }

Na linha 10 define-se a constante para o layout. Perceba que na Figura 2 pode-se ver um arquivo xml chamado main no caminho res/layout. Agora d um duplo clique encima deste arquivo.

Aqui a mgica do plugin e do Android comeam aparecer (veja a Figura 5). O programador ver na parte central do Eclipse a interface do aplicativo (linha azul) e vrias opes, como: inserir novos componentes, ou views, como so chamados no Android (linha verdade), mudana de layout da UI (linha vermelha) e propriedade da view (linha amarela).

Figura 5: Construo de interfaces.

Alm disso possvel visualizar o prprio arquivo xml clicando na parte inferior, na aba main.xml. Veja na Figura 6. Posteriorente, pretendo escrever outros artigos somente sobre interface de usurio. Sendo assim, classes com LinearLayout e TextView sero mostradas com mais detalhes.

Figura 6: Editando o arquivo xml manualmente.

Esse layout usado pela classe principal do aplicativo, a com.helloworld.HelloWorld. Veja a Listagem 2:

Listagem 21: package com.helloworld;

2:3: import android.app.Activity;

4: import android.os.Bundle;

5:6: public class HelloWorld extends Activity {

7: /** Called when the activity is first created. */

8: @Override

9: public void onCreate(Bundle savedInstanceState) {

10: super.onCreate(savedInstanceState);

11: setContentView(R.layout.main);

12: }

13: }

Existem duas formas de construir uma interface de usurio com o Android. A primeira j vimos agora, ou seja, criando um arquivo de layout xml, e referenciado o mesmo atravs do mtodo setContentView da classe Activity, que, como dito anteriormente, responsvel pela UI da aplicao. Perceba que deve-se passar o caminho do arquivo xml: R.layout.main.

A outra forma criando objetos Views e ViewGroup e manipula-los programaticamente. Porm, a primeira forma a mais usada e mais indicada. Alm disso, o cdigo Java pode carregar qualquer elemento do XML em qualquer momento, alterando qualquer propriedade do componente.

Finalizando...

muito fcil criar o primeiro aplicativo com a dupla Android/Eclipse. A utilizao de um arquivo estrutural XML para a interface grfica separa a aplicao em camadas, alm disso, voc pode clicar e arrastar componentes no construtor de interfaces e a IDE refaz o XML. Claro, em aplicativos mais profissionais no ficaremos s nisso, mas nesse artigo o leitor j teve uma idia inicial de como faremos.

Autor

Meu nome Ricardo da Silva Ogliari, sou graduado em Cincia da Computao pela Universidade de Passo Fundo. Atualmente tambm estou cursando uma ps-graduao em web, estratgias de inovao e tecnologia, no Senac SP. Trabalho com mobile a 5 anos, escrevo artigos para algumas revistas nacionais especializadas. Sou criador e mentenedor do www.mobilidadetudo.com e sou um dos membros do www.javamovel.com.

Posteriormente as activities sero tratadas com mais detalhes. Por hora, basta saber que elas representam um bloco de construo da interface de usurio.

Recommended

View more >