Apostila Android, Notas de estudo de Análise de Sistemas de Engenharia

Baixe Apostila Android e outras Notas de estudo em PDF para Análise de Sistemas de Engenharia, somente na Docsity!

Apostila de

Programando Passo-a-Passo

De : Luciano Alves ([email protected])

Índice analítico

• Apresentação
• Introdução
• Instalando o Eclipse e o Android
• Criando a nossa primeira aplicação em Android.........................................
• Usando Widgets...............................................................................................
  • Desenvolvendo uma aplicação que soma números
  • Desenvolvendo uma aplicação simples de compras
  • Desenvolvendo uma aplicação de cálculo de salário
  • Desenvolvendo uma aplicação de lista telefônica
  • Desenvolvendo uma aplicação que visualiza imagens
• Mudando de layouts
  • Desenvolvendo uma aplicação de cadastro
• Lista de atributos.............................................................................................
• Conclusão

Introdução

O Android é a nova plataforma do Google voltada para dispositivos móveis. Em 5 de novembro de 2007, a empresa tornou pública a primeira plataforma Open Source de desenvolvimento para dispositivos moveis baseada na plataforma Java com sistema operacional Linux, na qual foi chamada de Android. Essa plataforma é mantida pela OHA (Open Handset Alliance), um grupo formado por mais de 30 empresas as quais se uniram para inovar e acelerar o desenvolvimento de aplicações, serviços, trazendo aos consumidores uma experiência mais rica em termos de recursos, menos dispendiosa em ternos financeiros para o mercado móvel.pode-se dizer que a plataforma Android é a primeira plataforma móvel completa, aberta e livre.

Instalando o Eclipse e o Android

Para a elaboração desse material, eu fiz o uso do Eclipse Europa (Eclipse 3.3.1.1 para Windows) e o SDK do Android versão m5-rc15 e o plugin do Android para o Eclipse ADT-0.4.0. Qualquer versão (de preferência superior) dos programas citados acima serve. Claro , para que toda essa aplicação funcione é necessário que você tenha instalado antes de tudo, a Máquina Virtual Java (de preferência a versão 5 ou posterior). Bom, mãos a obra.

Deixo aqui os links para download dos itens citados acima:

SDK do Android e o plugin do Android (mesmas versões citadas acima ou superiores):

http://code.google.com/android/download.html

Eclipse Europa (ou superior)

http://www.eclipse.org/downloads/

Para saber se você possui uma Maquina virtual Java, entre no prompt de comando de digite a seguinte linha:

java –version

Se mostrar algo parecido como mostra o código abaixo:

java version "1.6.0_07" Java(TM) SE Runtime Environment (build 1.6.0_07-b06) Java HotSpot(TM) Client VM (build 10.0-b23, mixed mode, sharing)

Beleza, você possui uma máquina virtual Java instalada no seu computador, caso contrário, entre no Site da Sun e faça o seu download. Aqui está o link

http://java.sun.com/javase/downloads/index.jsp

Depois de obter os programas e plugins citados acima, o primeiro programa e ser instalado é o eclipse. Para instalar o eclipse, simplesmente descompacte-o em um local desejado.

Agora vamos instalar o SDK Android. É o mesmo procedimento do eclipse, descompactar em um local apropriado.

Por ultimo, vamos instalar o plugin do Android. Para isso, descompacte-o o plugin do Android em um local desejado.

Agora execute o eclipse, se você estiver executando-o pela primeira vez, ele irá pedir para definir uma pasta padrão (um Workspace). Defina a pasta e continue o carregamento do eclipse. Depois de carregado, se for a primeira vez, feche a Janela do “Welcome” (Bem-vindo). Agora vamos instalar o plugin do Android, vá no menu “Help / Softwares Updates / Find and Install”, conforme figura abaixo:

Selecione a opção “Search for new features to install” e clique no botão “Next”. Será exibida uma tela conforme a figura abaixo:

Depois de clicar em “Finish” na tela acima, será mostrado uma nova tela conforme figura abaixo.

Clique no sinal “+” e faça as seleções dos plugins de acordo com a próxima figura que é exibida a seguir. Caso você esteja utilizando uma outra versão do plugin você pode selecionar todas as opções desde nenhuma delas resulte em alguma mensagem de erro, como no caso nesta versão do plugin que utilizei, o último item (Android Editors) não pode ser instalado pois requer a existência de um outro plugin.

Feito isso, clique no botão “Next”, e será exibida uma tela de licensa de software. Nesta tela é só selecionar a opção “I accpet the terms in the license agreement” e clique no botão “Next”. Na próxima tela, simplesmente clique no botão “Finish” e na próxima tela, que é mostrada na figura abaixo, clique no botão “Install All”.

Criando a nossa primeira aplicação em Android

Agora vamos criar um novo projeto Android indo no menu “File” / “New” / “Other”. Selecion o projeto Android conforme figura abaixo. Depois de selecionar, clique em “Next”:

Após clicar em “Next” na figura acima, será exibida uma tela conforme figura abaixo. Vamos chamar o nosso projeto “Project name” de ProjetoAndroid. Em “Package name” vamos digitar “com.android.hello”. Em Activity name digitaremos “AppHello” e em “Application name” digitaremos “App Hello World”, é só conferir na figura abaixo. Depois é só clicar em “Finish”.

Pronto! Nosso projeto foi criado. Em Package Explorer, vamos dar uma olhada na estrutura do Projeto, simplesmente clicando no botão “+”. É só seguir a figura abaixo, aproveite e abra o arquivo AppHello.java , também conforme figura abaixo:

Bom, agora irei descrever a estrutura de um projeto Android. Observem que dentro da pasta ProjetoAndroid existe uma pasta chamada “src”, dentro dela é que ficam os códigos fonte java das aplicações. Observem que o arquivo AppHello.java se encontra dentro do pacote “com.android.hello” (Esse pacote também é uma pasta). Esse arquivo é a nossa aplicação Android. Vou descrever em detalhes o arquivo AppHello.java (Veja o código abaixo): package com.android.hello;

import android.app.Activity; import android.os.Bundle;

public class AppHello extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle icicle) { super .onCreate(icicle); setContentView(R.layout. main ); } }

Diferentemente das aplicações comuns de Java, toda classe para aplicação Android deve ser derivada da classe Activity (Atividade) e possui como método principal, o método onCreate. Dentro desse método ele invoca o método onCreate da super classe passando mesmo parâmetro (o icicle) , logo após esse método, vem o método setContentView, responsável por exibir a tela da minha aplicação , baseado nos layouts xml, por padrão ele chama o arquivo “main.xml”.

Dentro da pasta ProjetoAndroid, existe um arquivo chamado “AndroidManifest.xml” , esse arquivo é o sistema nervoso de uma aplicação em Android. É nele que ficam as definições referentes à aplicação. Veja o código dele abaixo:

Observem algumas tags interessantes. A tag possui o atributo android:icon, no qual especifico o ícone da aplicação. Como havia citado anteriormente, todas as imagens ficam no diretório drawable e nesse diretório existe um arquivo de chamado “icon.png” que será o ícone da minha aplicação. Logo, para usar esse ícone neste atributo, deve-se passar o valor “@drawable/icon” .Observem que quando informamos o ícone, ele deve ser informado sem a extensão (nesse caso, PNG).

Observem agora a tag , ela define uma atividade (Activity),. Dentro desta tag, eu possuo o atributo chamado android:label que define o título da minha aplicação. O título que será exibido e o valor que está armazenado no valor estático app_name. Isso é obtido pela atribuição android:label="@string/app_name".

Como havia falado a aplicação Android nada pais é do que a combinação Java + XML. Agora, como um código Java vai acessar um componente que está escrito em XML? Ah, essa é a finalidade do arquivo R.java, ele funciona como uma “interface” entre o código Java e o código XML, logo, se eu quiser manipular em tempo de execução um componente via Java, tenho que fazer interface com esse arquivo. Em breve vamos ver como.

OBS: O arquivo R.java não pode ser modificado manualmente. Ele é modificado automaticamente de acordo com as mudanças feitas no projeto.

Vamos executar nossa aplicação. Va no Run / Open Run Dialog. Será aberta uma caixa de diálogo com vários itens. Clique com o botão direito do mouse no item “Android Application” e selecione a opção New, conforme a figura abaixo:

Feito isso, na propriedade name ao lado digite AppAndroid. Em project selecione o projeto que criamos em clicando no botão Browse, com o nome de ProjetoAndroid. E por último, em Activity, selecione a atividade “com.android.hello.AppHello”. Qualquer dúvida, siga a figura abaixo:

Agora é só clicar em Run e rodar a aplicação. Quando o emulador Android é executado, abre junto com ele uma caixa de dialogo, conforme a figura abaixo. Normalmente, eu desmarco a opção “Send usage statistics to Google” e clico em “Proceed”.

Pra vocês que estão executando pela primeira vez o emulador do Android, vê que o emulador é uma espécie de IPhone vermelho com umas teclas ao lado. No início mostra o título Android. Depois, vem aquela bolinha vermelha que fica batendo de um lado para outro, quando chega essa parte, normalmente demora em torno de 2 a 10 minutos (dependendo da sua máquina. É recomendável que você tenha no mínimo 512 MB de memória e um

Esse emulador já vem com uma série de recursos como Navegador, Aplicações de demonstração, Mapas, Lista de contatos e etc.

Se você neste exato momento fechou o emulador após a execução da aplicação, vou te dizer uma coisa: “Não era para você ter feito isso”. Se você esperou muito tempo para ver essa aplicação em execução, ao executar novamente a aplicação, você vai esperar o mesmo. Nessa situação, ao executar pela primeira vez o emulador, e caso vá executar outros programas, minimize o emulador ao invés de fechar, pois se você esperou muito tempo para executar esse programa, com ele minimizado, ao executar um outro programa, o eclipse vai fazer uso do emulador já aberto em vez de abrir outro, com isso, a aplicação levará em torno de 7 a 12 segundos em média para ser executada. Nunca esqueça isso!

Vamos modificar essa aplicação. Minimize o emulador e vamos abrir o arquivo “main.xml”. Na tag TextView que já havia explicado a vocês, possui um atributo chamdado android:text, onde nele defino o título que será exibido, modifique agora essa prorpiedade com o seguinte valor (título), conforme o código abaixo:

android:text="Fala cara, beleza ???"

Feito isso, salve a aplicação e execute novamente a aplicação. O resultado é mostrado abaixo:

Vamos fazer mais uma outra modificação na nossa aplicação. Abra novamente o arquivo main.xml, observe que ele possui um TextView certo? Vamos colocar mais duas TextViews, a primeira TextView, no atributo android:text terá o título “Primeira frase”, o segundo TextView terá o título “Segunda Frase” e assim sucessivamente. Veja como ficará o código do arquivo main.xml :

Feito isso, salve o arquivo e execute novamente a aplicação, o resultado é mostrado na figura abaixo:

/>

<EditText android:id="@+campo/num2" android:layout_width="fill_parent" android:layout_height="wrap_content"

/>

<EditText android:id="@+campo/res" android:layout_width="fill_parent" android:layout_height="wrap_content"

/>

Bom, vamos a explicação do código acima. Observem que possuo uma TextView com o título “Digite o primeiro número”. Logo abaixo dela , eu possuo uma widget do tipo EditText, que exibe um campo onde vou digitar o número. Essa widget possui uma propriedade chamada android:id, que serve para dar nome ao componente, ou seja, funciona como um identificador daquele componente.

O nome de um widget, deve estar nesse formato:

“@+/”

Se observamos, o valor desse atributo é : “@+campo/num1”. É como se “campo” representasse um grupo e “num1” representasse o nome do componente. Você irá entender essa notação mais a frente.

Abaixo dessa widget, temos outra do tipo TextView com o título “Digite o segundo número”. Depois temos um outro widget do tipo EditText, cujo nome é: “@+campo/num2”.

Abaixo dessa widget, temos um terceiro TextView com o título “Resultado”. Depois temos um outro widget do tipo EditText, cujo nome é: “@+campo/res”.

Por último, temos uma widget do tipo Button, cuja finalidade é mostrar um botão para podermos clicá-lo. Ele possui um título com o valor “Mostrar” e seu nome é: “@+botao/btmostrar”.

Beleza, agora vamos abrir o código do arquivo AppSoma.java, para acessar via código Java, os componentes que adicionamos via XML. Siga os passos aqui descritos para você como esse processo é feito. Após a linha

import android.os.Bundle;

Digite:

import android.widget.; import android.view.;

Antes da linha:

@Override

Digite:

EditText ednum1,ednum2,edres;

Agora vamos a explicação do código acima. Como você pode ver , os widgets também podem ser usados no nosso código Java. Se no código XML eu possuir um widget do tipo EditText, para acessar esse componente pelo Java, é preciso fazer uso da classe EditText. Cada widget no XML possui o seu respectivo em classe Java, logo, se possui um widget Button, para acessa-lo devo fazer uso da classe Button e assim vai.

Agora, após a linha:

setContentView(R.layout.main);

Digite as seguintes linhas de código: