Unidade I - Introdução Ao Desenvolvimento para Android

Programao para
Dispositivos Mveis
Material Terico
Introduo ao desenvolvimento para Android
Ferramentas para desenvolvimento Android SDK
Pacotes e classes bsicas para desenvolvimento e Layouts
Responsvel pelo Contedo:

Prof. Ms. Luis Carlos Reis
Reviso Textual:
Prof. Ms. Douglas Almendro
Reviso Textual:
Profa. Ms. Luciene Oliveira da Costa Santos
Ferramentas para desenvolvimento Android SDK
Introduo
Arquitetura do Android
Google Play
Play Store
A evoluo da plataforma Android
Criando um projeto no Android Studio.
Entendendo a classe R.java
As tags dos arquivos .xml do Android
Referncias
OBJETIVO DE APRENDIZADO
Introduzir o desenvolvimento para Android;
Explicar e demostrar as formas de se criar um app mobile;
ORIENTAES
Caro(a) aluno(a),
Estamos comeando nossos estudos sobre desenvolvimento mobile, mais

especificamente, estamos nos referindo sobre Android.
A proposta desta unidade instalar e configurar o Android Studio e o estudo

de criao de um programa para dispositivos mveis utilizando os conceitos
iniciais de layout e algumas classes bsicas para realizar as tarefas propostas
nesta unidade.
No deixe de assistir, tambm, apresentao narrada do contedo e de

alguns exerccios resolvidos.
Finalmente, e o mais importante, fique atento(a) s atividades avaliativas

propostas e ao prazo de realizao e envio.
Bom estudo!
UNIDADE Ferramentas para desenvolvimento Android SDK
Contextualizao
Por que desenvolver para Android?
Primeiramente, porque ele totalmente de graa, ou seja, voc no precisa

comprar ferramentas, APIs ou quaisquer tipos de software para desenvolver para
Android, nem uma plataforma especfica ou nem mesmo um celular ou gadget com
Android. S baixar SDK, uma IDE e sair desenvolvendo.
Basicamente, TUDO pode ser feito no Android! Podemos utilizar todos os

recursos disponveis nos equipamentos de celular ou gadget que voc possui.
Precisa de mais informaes? s olhar no Android Market e ver a variedade de

Apps que existem por a e imagine que seus Apps podem estar l tambm e ainda
com possibilidade de ganhos!
Enfim
Esto curiosos? Vamos colocar a mo na massa e ver que desenvolver para

mobile no um bicho de sete cabeas.
Bom estudo!
6
Introduo
O poder de processamento dos celulares e outros aparelhos mveis, hoje em
dia, so bem avanados e com esse avano tambm h sensveis melhorias nas
telas e na usabilidade desses dispositivos.
Por essas razes, plataformas mveis como Blackberry, iOS e Android esto
cada vez mais em evidncia e o mercado em ascenso. A exploso do Android a
mais recente dentre essas plataformas, e seu crescimento cada vez maior.
Pensando assim, utilizaremos o sistema operacional

Android para desenvolvimento em nossas aulas pelo
fato de o mesmo ser plataforma livre. Voc no precisa
comprar ferramentas, APIs ou qualquer tipo de softwa-
re para desenvolver para Android, nem uma platafor-
ma especfica ou nem mesmo um celular ou gadget
com Android. S realizar o download do SDK e uma
IDE e pronto. Figura 1
O Android um sistema operacional que executado sobre o ncleo Linux, onde
foi inicialmente desenvolvido pela Android Inc., e depois passou para o Google
onde foi comprado em 2005 e posteriormente pela Open Handset Alliance.
O Android a primeira plataforma para aplicaes mveis completamente livres

e de cdigo aberto (open source), sendo uma plataforma de desenvolvimento para
telefones celulares e outros dispositivos mveis.
No Android, cada aplicao executada em um nico processo e cada processo

possui uma thread dedicada.
Esse sistema operacional baseado no ncleo (kernel) 2.6 do Linux, e

responsvel por gerenciar a memria, os processos threads e a segurana dos
arquivos e pastas, alm de redes e drivers.
A Open Handset Alliance (OHA), um grupo de empresas lderes de telefonia

mvel, liderado pela Google, est ligado a este projeto. Motorola, HTC, Sony
Ericsson, LG, Samsung, Sprint Nextel, Toshiba etc. so algumas das empresas
participantes.
Maiores informaes sobre a OHA pode ser obtidas no site:

Explor
https://goo.gl/tfSYl
A linguagem mais usada para criar aplicativos para o robozinho o Java e

adotaremos a mesma em nossas aulas, onde poderemos controlar o dispositivo via
bibliotecas desenvolvidas pela Google.
7
7
A linguagem Java utilizada para construir as aplicaes para o Android. Mas no

existe uma mquina virtual Java (JVM). Na realidade, o que existe uma mquina
virtual chamada Dalvik que otimizada para execuo em disponveis mveis.
Depois que o bytecode (class) compilado, ele convertido para o formato

.dex (Dalvik Executable) que representa a aplicao do Android compilada. Depois
os arquivos .dex e outros recursos como imagens so compactados em um nico
arquivo com a extenso .apk (Android Package File) que representa a aplicao
final, pronta para ser distribuda e instalada.
Explor
Diagrama que representa a arquitetura do Android (extrado de http://developer.android.com).
O Android est disponvel como cdigo aberto desde 21 de Outubro de 2008.

O Google publicou todo o cdigo sob a licena ASF (Apache Software Foundation)
que permite que alteraes sejam efetuadas no cdigo-fonte para criar produtos
customizados sem precisar compartilhar as alteraes com ningum. No entanto,
ele depende de uma autorizao do prprio Google para poder acessar a biblioteca
de aplicativos, Play Store.
O Android Studio possui um plugin chamado ADT (Android Development Tools)

para facilitar o desenvolvimento, os testes e a compilao do projeto.
Arquitetura do Android
A arquitetura do Android composta por vrias camadas e componentes, como
possvel visualizar nafiguraabaixo:
Figura 2
8
Na camadaLinux Kernel,est localizado o sistema operacional da plataforma,
que baseado no Linux. Ela responsvel por servios de mais baixo nvel da
plataforma, como gerenciamento de memria e processos, segurana etc.
Na camada Libraries, esto as bibliotecas nativas escritas em C/C++ que

fazem parte da plataforma. Esto nesta camada APIs como o OpenGL ES (para
renderizao 3D), SQLite (gerenciador de bancos de dados) e suporte a diversos
formatos de udio e vdeo.
A camadaAndroid Runtimed condies para que as aplicaes baseadas na

plataforma sejam executadas. Um dos componentes desta camada so as core
libraries, que disponibilizam uma API Java utilizada para programao (grande parte
das funcionalidades encontradas no Java SE esto disponveis para o Android). J
o outro componente aDalvik Virtual Machine, que uma mquina virtual para
suporte execuo de aplicaes.
Na camada Application Framework ficam as APIs do Android que so

normalmente utilizadas pelas aplicaes que executam sobre a plataforma.
Os gerenciadores de servios de telefonia, localizao e notificao so alguns
exemplos do que este framework disponibiliza.
Por fim, a camadaApplicationsrepresenta as aplicaes que executam sobre

a plataforma. Elas podem ser tanto aplicaes nativas como o gerenciador de
contatos, navegador, calendrio etc. como aplicaes criadas por terceiros.
Alis, para o Android no existe distino entre aplicaes nativas e aplicaes
desenvolvidas por outras pessoas, e esta caracterstica que garante a ela o alto
grau de flexibilidade e extensibilidade da plataforma.
Google Play
Os aplicativos desenvolvidos para Android podem ser disponibilizados por
meio de um servidor pessoal, sendo o mais comum e profissional realizado pelo
Google Play.
Explor
Disponvel em: https://goo.gl/HyowGA
Google Play a loja online da Google para distribuio de aplicaes, jogos,

filmes, msica e livros. Anteriormente a loja chamava-se Android Market.
Essa mudana de nome para Google Play ocorreu para que o Google pudesse
unificar o Android Market com a loja de msicas, filmes e livros e assim distribuir
todo seu contedo digital em um s lugar.
As aplicaes do Google Play esto disponveis de graa ou a um custo, para o

sistema operacional Android, e podem ser baixados diretamente para um dispositivo
mvel ou em um computador pessoal atravs de seu site.
9
9
Essas aplicaes so geralmente direcionadas para usurios com base em um

atributo particular de hardware de seu dispositivo, como um sensor de movimento
(para o movimento dependente de jogos) ou uma cmera frontal (para chamadas
de vdeo online).
Figura 3
Play Store
A aplicao para o sistema Android que permite acesso ao contedo chama-se
Play Store.
Explor
Disponvel em: https://goo.gl/DFx3C
Os aplicativos da Google Play esto disponveis em diversos pases, podendo ser

baixados por meio do site da Google Play ou do aplicativo para Android.
Figura 4
10
A evoluo da plataforma Android
Figura 5
Cada plataforma tem um cdigo identificador (API Level) e alguns tm nome

de cdigo.
API Level 1 = Android 1.0
API Level 3 = Android 1.5 (Cupcake)
API Level 4 = Android 1.6 (Donut)
API Level 7 = Android 2.1 (Eclair)
API Level 8 = Android 2.2 (Froyo)
API Level 9 = Android 2.3 (Gingerbread)
API Level 10 = Android 2.3.3
API Level 11 = Android 3.0 (Honeycomb)
API Level 14 = Android 4.0 (Ice Cream Sandwich)
API Level 16 = Android 4.1 (Jelly Bean)
API Level 19 = Android 4.4 (KitKat)
API Level 20 = Android 4.4W
API Level 21 = Android 5.0 (LOLLIPOP)
11
11
Atualmente na verso do Android a 5.1:
Figura 6
Verso da plataforma Android distribuda por API:
Figura 7
Dados: Maio de 2015. Fonte: https://goo.gl/7ygJx
Onde encontrar uma referncia tcnica completa do Android?
Documentao dos pacotes de classes das APIs do Android

Explor
https://goo.gl/mJ9QHQ
Documentao das classes das APIs do Android
https://goo.gl/BkN46K
Download das verses do Android SDK, plugins, drivers
https://goo.gl/Haaovn
Suporte e instalao do software para Android

Para desenvolvimento com Android, utilizaremos a ferramenta gratuita Android
Studio e, atualmente, faz parte do kit de desenvolvimento de software recomendado
para desenvolvedores Android.
12
Para instalar a ferramenta juntamente com o Android, siga os seguintes
procedimentos:
Acessar o site https://goo.gl/Haaovn e realizar o download do pacote do Android Studio.
Figura 8
Antes de configurar Android Studio, certifique-se de ter instalado o JDK 6 ou superior

(somente o JRE no suficiente).
JDK 7 necessrio para desenvolver na verso do Android 5.0 e superior.
O mesmo poder ser obtido no endereo: (Verifique se seu sistema operacional de
32 ou 64 bits).
http://goo.gl/IxBIV5
Figura 9
13
13
Como sugesto, crie uma pasta no C: com o nome Android e salve o arquivo
para essa pasta.
O arquivo do download ter o nome android-stuido-bundle-xxx.xxxxxxx-
windows.exe
Figura 10
Neste arquivo, j existe o mdulo para desenvolvimento (Android Studio) e o

Android SDK, porm vem somente a ltima API do Android instalada.
Aps instalao execute o Android Studio, onde iremos instalar os demais
pacotes do Android.
Figura 11
Selecione SDK Manager.
Figura 12
14
Ao executar o SDK Manager, adicione tudo do Android e instale as atualizaes.
Figura 13
Figura 14
necessrio estar conectado na Internet para instalar esses pacotes.
Selecione todos os itens e aceite a licena e selecione Install.
Futuramente, voc poder adicionar mais pacotes caso necessite, utilizando o

menu Tools Android SDK Manager.
15
15
Figura 15
Criando um projeto no Android Studio.
Figura 16
Execute o aplicativo:
Figura 17
Um projeto Android contm todos os arquivos que compem o cdigo-fonte

de seu aplicativo Android. As ferramentas do Android Studio tornam mais fceis
comear um projeto novo Android com um conjunto de diretrios padro do
projeto e arquivos.
Nesta aula, iremos criar um novo projeto usando o Android Studio. Iremos
configurar o local onde sero criados nossos projetos e o nome do nosso projeto.
Para este primeiro exemplo, iremos dar o nome de AlMundo.
16
Para criar um projeto siga as instrues abaixo:
1. Selecione Start a new Android Studio project.
Figura 18
2. Na janela que aparece, digite a localizao do projeto e no nome da

aplicao conforme abaixo:
Figura 19
Application Name: o nome do aplicativo que aparece para os usurios.Para

este projeto, use AloMundo.
17
17
Project Location: o nome do diretrio do projeto.

Company Domain: o namespace do pacote para o seu aplicativo (seguindo
as mesmas regras de pacotes na linguagem de programao Java). O seu
nome de pacote deve ser nico em todos os pacotes instalados no sistema
Android. Por esta razo, geralmente melhor se voc usar um nome que
comea com o nome de domnio reverso da sua organizao ou entidade
editora. Para este projeto, voc pode usar algo como usuario.example.com.
No entanto, voc no pode publicar seu aplicativo no Google Play usando o
com.example namespace.
3. Selecione projeto para Phone e a verso mnima da SDK.
Figura 20
Mnimo Necessrio SDK a menor verso do Android que o aplicativo suporta, indicado
Explor
usando a API nvel. Para apoiar como dispositivo possvel, voc deve definir isso para
a menor verso disponvel que permite que seu aplicativo para fornecer seu conjunto
de recursos do ncleo.Se qualquer recurso de sua aplicao s possvel em verses
mais recentes do Android e que no fundamental para a aplicao do conjunto de
recursos do ncleo, voc pode ativar o recurso apenas quando rodando em verses
que suportam (como discutido nosuporte a verses plataforma diferente).Deixe este
conjunto para o valor padro para este projeto.
18
4. Agora, voc pode selecionar um modelo de atividade de que para comear
a construir a sua aplicao. Para este projeto, selecione BlankActivity e
clique em Avanar.
Figura 21
5. Deixe todos os detalhes em seu estado padro e clique em Concluir.
Figura 22
19
19
Entendendo o que foi gerado

Muitos arquivos foram gerados automaticamente quando criamos um projeto do
Android. Para comearmos a entender o que acontece na nossa aplicao, vamos
explorar um pouco a estrutura deste projeto utilizando a janela Project.
Figura 23
A classe MainActivity:
Abra o arquivo MainActivity.java (em src, no pacote com.example.usuario.
olamundo). Voc ver algo como:
Figura 24
20
A estrutura do projeto pode ser vista usando Project.
Figura 25
java contm as classes Java. Contm a classe MainActivity.

app/manifests/AndroidManifest.xml descritor da app contendo as per-
misses, declarao de componentes (activity, service, broadcast receiver etc.).
res contm os recursos da aplicao como imagens, layouts de telas e
arquivos de internacionalizao.
drawable contm as imagens da aplicao com 4 resolues: ldpi (lowdots
per inch), mdpi (medium dots per inch), hdpi (high dots per inch) e xdpi (extra
high dots per inch).
Frequentemente precisamos de imagens para complementar nossa aplicao.
Entretanto, quando pensamos em dispositivos pequenos, necessrio
considerar as capacidades de resoluo da tela.
Assim, um projeto Android ganha imagens nas pastas res/drawable-[hlm]dpi/,
onde ldpi corresponde baixa resoluo, mdpi a mdia e hdpi alta resoluo.
layout contm os arquivos XML de layouts para construir as telas da aplicao.
menu contm os arquivos XML dos menus da aplicao.
values contm os arquivos XML utilizados para a internacionalizao da
aplicao, configurao de temas e outras configuraes.
21
21
Entendendo a classe R.java
Figura 26
Existe tambm uma classe central e automaticamente gerada que responsvel

pelo mapeamento dos elementos da view com o model e o controller. Veja que
tudo o que criado ou declarado na pasta res ganha uma representao em Java,
que utilizaremos bastante para utilizar valores e referenciar itens.
Note, no entanto, que essa classe no deve ser alterada a mo. Ela apenas
um recurso que o Android disponibiliza para facilitar a referncia a objetos visuais,
imagens, strings etc.
Note tambm que nossas classes java, para acessar qualquer recurso declarado
na pasta res/, fazemos uma referncia aos atributos pblicos desta estranha classe
R. Por exemplo:
Imagens:
R.drawable.icon
Acesso a itens da tela declarados nos XMLs de layout:

R.id.botao
R.id.texto
Acesso a arquivos:
R.raw.musica
R.raw.video
Acesso a strings:
R.string.app_name
R.string.hello
Veremos com frequncia cdigos que peguem esses componentes, strings, ima-
gens por meio do mtodo findViewById, para depois utiliz-los, definir listeners etc.
Essa classe R gerada pelo plugin do Android Studio e no deve ter seus
valores alterados. Ela ser utilizada como referncia para acessar os diversos
componentes da nossa inter4face. como uma grande coleo de identificadores,
que a plataforma saber utilizar para localizar seus valores e propriedades de
maneira otimizada.
22
O R.java gerado de acordo com os diversos arquivos utilizados para
configurao da sua aplicao. Se houver algum erro nesses arquivos, capaz
de que o plugin no consiga reger-lo, dessa forma propagando um erro em
que todos os seus arquivos fontes. Devemos ento ficar atendo a buscar o erro
que est impedindo sua gerao, e tomar cuidado para no importar a classe
android.R, que no a da sua aplicao, e sim uma de uso interno ao Android.
Layouts
A forma e disposio com que os elementos so apresentados na tela so de
responsabilidade dos Layouts.
Um Layout uma estratgia ou disposio para colocar os componentes dentro

de uma Activity. Uma Activity poder ser projetada como uma disposio descrita
por um ou vrios layouts.
Um layout poder ser criado num arquivo XML (que o mais frequente) ou
durante a execuo do programa.
Os layouts mais comuns para organizar elementos de interface na tela so:

LinearLayout, RelativeLayout e TableLayout. Iremos falar mais sobre esses tipos
de layouts mais adiante.
Veja arquivo activity_main.xml em res/layout no Project.
Figura 27
Vamos substituir o TextView acima com os dados abaixo para compreender a

utilizao de strings:
<RelativeLayout xmlns:android=http://schemas.android.com/
apk/res/android
xmlns:tools=http://schemas.android.com/tools
android:layout_width=match_parent
android:layout_height=match_parent
android:paddingLeft=@dimen/activity_horizontal_margin
android:paddingRight=@dimen/activity_horizontal_margin
android:paddingTop=@dimen/activity_vertical_margin
android:paddingBottom=@dimen/activity_vertical_margin
tools:context=.MainActivity>
23
23
<TextView
android:layout_width=fill_parent
android:layout_height=wrap_content
android:text=@string/hello_world
/>
</RelativeLayout>
A tag TextView tem altura determinada apenas necessrio para mostrar seu
contedo, configurada como wrap_content.
Agora, repare na linha em destaque: @string/hello_world. Ela define o texto

que aparecer na tela quando a aplicao for executada. Perceba que ela apenas
uma chave para algum texto. Esse texto est definido em res/values dentro do
arquivo strings.xml.
Figura 28
Essa uma ideia simples, mas que facilita na internacionalizao da sua aplicao,
podendo, assim, ser introduzida para outras lnguas, bastando criar outros arquivos
de values com as tradues.
Selecionando o modo grfico, notaremos como ficou o layout.
Figura 29
24
Configurao do emulador
Depois de instaladas a plataforma e a imagem de cada verso do Android, o
prximo passo criar o(s) emulador(es) para testarmos nossos aplicativos.
Acesse agora o menuToolsAndroid AVD Manager.
Figura 30
Clique no botoCreate a virtual devicepara adicionarmos um novoEmulador.
Figura 31
Na tela de escolha do novo AVD, podemos utilizar vrias resolues, e para

nossas aulas utilizaremos o Nexus 4 com resoluo de 768 x 1280 pixels, conforme
tela abaixo.
25
25
Selecione o boto Prximo.
Figura 32
Nossa prxima configurao a verso do Android, e para nossa aula iremos

utilizar a verso KitKat, ou seja, Android 4.4.2. Caso a mesma no esteja instalada,
selecione o Donwload para que o mesmo possa fazer parte do nosso projeto.
Figura 33
26
Aps o Download, selecione a verso do Android 4.4.2 (KitKat) e selecione o
boto Prximo.
Figura 34
Na prxima tela, iremos finalizar nossa configurao.
Figura 35
27
27
Pronto, nosso emulador j pode ser executado.
Figura 36
Pronto, nosso emulador j est operando e j pode receber a nossa primeira

aplicao.
Figura 37
28
Agora, iremos executar nossa aplicao AloMundo. Selecione a figura abaixo
para executar nossa aplicao.
Figura 38
Ou caso prefira, utilize o menu Run, Run app.
Figura 39
Nesta prxima janela, ser apresentado o emulador no qual iniciamos. Portanto,

selecione o boto OK.
Figura 40
29
29
O sistema ir compilar a aplicao e, aps alguns segundos, ser aberta nossa

aplicao no emulador que tnhamos iniciado.
Figura 41
Caso queira parar a aplicao, selecione o item abaixo Android e o item

Terminate Application.
Figura 42
Conceitos fundamentais
Vamos entender agora os componentes e seus ciclos de vida para que possamos
montar um sistema robusto, expansvel e com uma performance aceitvel para
o usurio.
30
Componentes de uma Aplicao Android
Desenvolver aplicaes para Android significa compor uma srie de componentes
para que o objetivo final da aplicao seja atingido. A Figura abaixo mostra estes
componentes.
Figura 43
Activities so as representantes das telas da aplicao. Associada a uma activity

Explor
normalmente existe umaview, que define como ser feita a exibio visual para o
usurio. As activities so responsveis por gerenciar os eventos de tela e tambm
coordenam o fluxo da aplicao.
Uma Activity (atividade) um objeto individual que poder receber o foco e que
poder ser uma janela a tela inteira (que o mais frequente), uma janela flutuante ou
uma janela embutida dentro de outra janela. Activity como se fosse o executvel
da sua aplicao, onde deve estender a classe Activity, pois ser a maneira de o
framework saber o que chamar no seu executvel.
O mtodo onCreate chamado quando uma Activity executada e ele faz

a chamada no sistema. As classes que estendem Activity, de uma forma mais
abrangente, interagem tanto com usurios como com servios ou intenes.
Toda Activity tem um ciclo de vida representado na figura abaixo. Os mtodos

chamados sero os mtodos que sobrescreveremos quando criarmos nossas
prprias Activities.
31
31
Figura 44
onCreate()
a primeira funo a ser executada em uma Activity. Geralmente, a responsvel
por carregar os layouts XML e outras operaes de inicializao. executada
apenas uma vez.
onStart()
chamada imediatamente aps a onCreate() e tambm quando uma Activity
que estava em background volta a ter foco.
onResume()
Assim como a onStart(), chamada na inicializao da Activity e tambm
quando uma Activity volta a ter foco. Qual a diferena entre as duas? A onStart()
s chamada quando a Activity no estava mais visvel e volta a ter o foco, a
onResume() chamada nas retomadas de foco.
32
onPause()
a primeira funo a ser invocada quando a Activity perde o foco (isso ocorre
quando uma nova Activity iniciada).
onStop()
S chamada quando a Activity fica completamente encoberta por outra
Activity.
onDestroy()
A ltima funo a ser executada. Depois dela, a Activity considerada morta
ou seja, no pode mais ser relanada. Se o usurio voltar a requisitar essa Activity,
um novo objeto ser construdo.
Os Services so cdigos que executam em segundo plano. Normalmente, so utilizados

Explor
para tarefas que demandam um grande tempo de execuo.

Os Content Providers (provedores de contedos) so a maneira utilizada pela
plataforma para compartilhar dados entre as aplicaes que executam no dispositivo.
Um exemplo bem claro disto a aplicao de gerenciamento de contatos do Android,
que nativa. Aplicaes desenvolvidas por terceiros podem utilizar um content
provider a fim de ler os contatos armazenados no dispositivo de forma simples.
Os Broadcast Receivers so componentes que ficam escutando a ocorrncia de
determinados eventos, que podem ser nativos ou disparados por aplicaes. Uma
aplicao pode, por exemplo, utilizar um broadcast receiver para ser avisada quando
o dispositivo estiver recebendo uma ligao e, com base nessa informao, realizar
algum tipo de processamento.
Junto a esses componentes, existe o arquivo de manifestoAndroidManifest.xml.

Ele obrigatrio e nico para cada aplicao. nele que so feitas as configuraes
gerais da aplicao e dos componentes que fazem parte dela. E, juntando tudo
isso, existe a figura do Android Core, que, na verdade, no um componente
especfico, mas sim a plataforma Android propriamente dita.
ele quem proporciona a interao entre os componentes e as aplicaes e

torna possvel a execuo do cdigo.
Componentes de tela:
Todas as telas do Android so feitas em um arquivo XML, que fica dentro de
res/layout, onde configurado os detalhes de cada componente. Um componente
um item grfico.
33
33
Dentro do XML, cada componente declarado poder ser manipulado em cdigo

Java. Todos esses componentes so filhos de android.view.View. Esses Views sero
futuramente agrupados dentro de ViewGroup. No coincidentemente, ViewGroup
filha de View, formando o composite pattern, que aparece tambm no Swing,
onde Container filha de Component.
View (vista) a classe bsica que permite construir componentes de interface. Uma
Explor
View ocupa uma rea retangular na tela e responsvel por desenhar e atender
eventos, caso seja necessrio.
Quando necessrio, podemos definir uma classe derivada de View, que

implemente o mtodo (evento) OnDraw (com cabealho @Override protected
void onDraw(Canvas c)) para desenhar na vista. O mtodo invalidate() provocar a
execuo do evento mencionado. Essa vista poder ocupar uma parte da tela do
aparelho, compartilhando a tela com outros elementos.
Uma ViewGroup pode conter Views e inclusive ViewGroups conforme fi-

gura abaixo:
Figura 45
Algumas pessoas iro chamar esses componentes de widget, mas h um outro

conceito no android, que uma pequena aplicao que pode rodar dentro da home
do dispositivo mvel, tambm chamado de widget.
Os componentes de interface mais frequentes so criados com as classes

TextView, EditText, Button, RadioButton, RadioGroup, CheckBox etc., todas
derivadas direta ou indiretamente da classe View.
As classes de layouts LinearLayout, RelativeLayout, AbsoluteLayout, TableLayout

e FrameLayout so derivadas indiretamente da classe View.
34
A seguir, alguns dos componentes mais utilizados, suas propriedades e al-
guns listeners:
TextView
Serve para escrevermos um texto na tela do Android, como um label.
<?xml version=1.0 encoding=utf-8?>

<LinearLayout
xmlns:android=http://schemas.android.com/apk/res/
android
android:layout_height=match_parent>
<TextView android:id=@+id/textView
android:text=Hello Views!
android:textSize=28px
android:textColor=#12FF88
android:textStyle=italic|bold
/>
</LinearLayout>
O TextView usado para exibir texto para o usurio, assim como o JLabel do
Swing. Podemos controlar sua aparncia e tamanho pelo XML, basta modificar os
atributos na tag TextView, alguns desses atributos so:
android:text: valor ser o texto do componente;
android:textColor: o valor da cor no formato #RRGGBB em hexadecimal,
a cor do texto;
android:textSize: tamanho da fonte, deve ser indicado em px, ex: 12px;
android:textStyle: style do texto (bold, italic);
android:background: uma cor no formato #RRGGBB ou um drawable.
Alguns atributos so valores pr-defenidos como os do android:textStyle, mesmo

assim, ainda possvel usar mais de um valor no atributo, aqui que entra o
operador pipe |.
Por exemplo, se quisermos o texto emnegritousamos bold, emitlicousamos

o valor italic, mas se quisermos que o texto seja negrito+itlico, podemos usar o
pipe juntando os dois: bold|italic.
Figura 46
35
35
EditText
Enquanto o TextView exibe texto como um JLabel, quem oferece ao usurio um cam-
po para ele colocar texto o EditText (assim como o JTextField) que filho de TextView.
Este componente no declara nenhum atributo XML novo, mas usa os do

TextView, a diferena que ele realmente permite edio.
Para tornar ele editvel ou no, usamos o atributo android:editable com true ou
false (true o default). O TextView mesmo com true no permite edio.

<LinearLayout
android
android:textStyle=italic|bold />
<EditText android:id=@+id/editView
android:text=...
</LinearLayout>
Figura 47
Button
um simples boto com algo escrito assim como o JButton. por meio dele
que o usurio sabe que alguma ao ser realizada quando clicar.
36
<LinearLayout
android
<EditText android:id=@+id/editView
android:text=...
<Button android:id=@+id/button
android:text=Click!
</LinearLayout>
Figura 48
CheckBox
um boto que permite ao usurio alternar entre as opes marcado/
desmarcado.
Ele tambm estende TextView, e o valor atribudo em android:text o texto

visivel ao lado do CheckBox.
37
37
ToggleButton
ToggleButton so botes como o CheckBox, mas indicam marcado/desmarcado
com uma luz invs do efeito de desenho de um tick. O atributo android:text
no tem efeito nesse componente, por padro o texto alternado entre ON e
OFF, sendo possvel usar os atributos como color, style, size e etc. para modificar
a aparncia desse texto.
Esse componente tem dois atributos a mais para sua tag.

android:textOn: o texto que ser exibido quando estado for ON;
android:textOff: o texto que ser exibido quando estado for OFF.
RadioButton
So botes como o CheckBox que permitem marc-lo, mas no possvel
desmarc-lo. Para se obter o efeito de seleo nica, necessrio adicion-los a
um RadioGroup.
E o nosso XML final:

<LinearLayout android:orientation=vertical
android
android:layout_width=match_parent android:layout_
height=match_parent>
<TextView android:id=@+id/listView android:layout_
width=match_parent
android:layout_height=wrap_content android:-
text=Hello Views!
android:textSize=28px android:textCol-
or=#12FF88 android:textStyle=italic|bold />
<EditText android:id=@+id/textView android:layout_
width=match_parent
text=...
<Button android:id=@+id/button android:layout_
width=match_parent
text=Click!
<CheckBox android:id=@+id/check android:layout_
width=match_parent
text=Check it!
38
<ToggleButton android:id=@+id/tbutton
android:layout_width=match_parent android:lay-
out_height=wrap_content
android:textOn=Ligado android:textOff=De-
sligado android:textSize=28px
android:textColor=#12FF88 android:text-
Style=italic|bold />
<RadioGroup android:layout_width=match_parent
android:layout_height=wrap_content>
<RadioButton android:id=@+id/r1button
android:layout_width=match_parent an-
droid:layout_height=wrap_content
android:text=Opo 1 android:text-
Size=28px android:textColor=#12FF88
<RadioButton android:id=@+id/r2button
android:layout_width=match_parent an-
droid:layout_height=wrap_content
android:text=Opo 2 android:text-
Size=28px android:textColor=#12FF88
</RadioGroup>
</LinearLayout>
Note que todos eles tm os atributos do TextView, tornando fcil personaliz-los.
E o resultado final da nossa aplicao como a seguinte:
Figura 49
ImageView
O ImageView, como o prprio nome diz, um componente que nos permite
trabalhar com imagens.
39
39
Colocar imagens no Android fica muito simples com a sua pasta drawable, pois
se ela no existir, ele simplesmente no mapeia no R.java.
<ImageView
android:id=@+id/imageView1
android:layout_height=fill_parent
android:src=@drawable/ic_launcher />
Como j vimos, deve haver a imagem dentro de res/drawable, e a partir do

Android 1.6, essa pasta possibilita 3 verses de resolues diferentes.
Conhecendo melhor os tipos de layout

Quando definimos um arquivo de layout, jogamos dentro dele todos os
componentes que gostaramos de ter na tela, conforme estudado anteriormente.
Uma questo que fica : como esses componentes estaro dispostos na tela do
dispositivo? Apesar de eles possurem diretivas em relao a sua altura e largura,
quem vem primeiro? Quem estar prximo do outro? Como definir com mais
exatido esse posicionamento?
O Android possui classes filhas de ViewGroup, sendo que algumas agem

como layout managers. Eles definiro como seu layout ser aplicado aos diversos
componentes (Views) contidos nele. comum misturar diferentes layouts em uma
mesma tela para obter um resultado mais agradvel visualmente.
Vamos estudar agora os diversos tipos de layout.
Figura 50
LinearLayout
LinearLayout um dos layouts mais simples. Ele organiza os elementos dentro
dele de forma linear, podendo ser de maneira horizontal ou vertical.
Para auxiliar nossos exemplos, iremos criar outro arquivo de layout. Com o
boto direito do mouse em layout, selecione New XML Layout XML File.
40
Figura 51
Agora, iremos dar um nome para nosso novo layout. Daremos o nome de
layout_linear.
Figura 52
41
41
Abaixo, o cdigo gerado:
Figura 53
Agora, iremos substituir o cdigo gerado pelo descrito abaixo:

<LinearLayout xmlns:android=http://schemas.android.com/
apk/res/android
Orientao
android:orientation=vertical > pode ser
vertical ou
<TextView horizontal
android:id=@+id/textView1
android:layout_width=wrap_content
android:text=LinearLayout Vertical
android:textSize=20sp />
<TextView
android:text=Estou
<TextView
android:text=Aprendendo
android:textSize=20sp /> Componentes de tela
<TextView
android:text=Android
<ImageView
android:src=@mipmap/ic_launcher />
42
<ImageView
android:src=@mipmap/ic_launcher/>
</LinearLayout>
Mude para o modo grfico e veja como ficou:
Figura 54
Figura 55
Caso voc queira praticar mais, utilize os Widgets da janela ao lado e arraste
para o dispositivo para verificar como ficar.
Troque tambm a orientao do layout para horizontal e veja como ficar a

disposio dos objetos. Podemos definir tambm a estratgia para largura e altura
dos itens: fill_parent ou wrap_content (fill-preencher; wrap-embrulhar, enrolar).
Podemos, tambm, alterar uma configurao interessante de cada componente:

o android:layout_gravity, que, permite configurar os componentes em vrios
locais da tela, direita, esquerda e centro.
43
43
Substitua o layout acima pelo abaixo e veja o resultado:
Figura 56

<LinearLayout xmlns:android=http://schemas.android.com/apk/
res/android
android:orientation=vertical >
<TextView
android:layout_gravity=left
android:text=Estou android:textSize=22sp/>
<TextView
android:layout_gravity=center
android:text=Aprendendo android:textSize=22sp/>
<TextView
android:layout_gravity=right
android:text=Android android:textSize=22sp/>
<ImageView
44
android:layout_gravity=right
<ImageView
android:layout_gravity=center
<ImageView
android:layout_gravity=left
</LinearLayout>
TableLayout
Neste tipo de layout, colocamos os itens em linhas e colunas. Atributos
comuns so: padding (espaamento da clula) e gravity (alinhamento). Veja
android:stretchColumns=0,1 (colunas a serem esticadas; usar * para todas).
A unidade utilizada dip (Density-independent pixel), veja mais detalhes em:

Explor
http://developer.android.com/guide/topics/ui/layout/grid.html
http://developer.android.com/guide/practices/screens_support.html.
Exemplo de TableLayout:
Figura 57
45
45
Para testar este layout, adicione outro arquivo de layout, conforme visto anterior-
mente, e d o nome de layout_table. Substitua o cdigo gerado pelo abaixo descrito:
Figura 58

<TableLayout xmlns:android=http://schemas.android.com/apk/
res/android
android:stretchColumns=1>
<TableRow>
<TextView
android:text=Linha 1 - Coluna 1
android:padding=3dip />
<TextView
android:gravity=right
</TableRow>
<TableRow>
<TextView
<TextView
android:gravity=right
</TableRow>
</TableLayout>
46
Unidades que podem ser utilizadas para as dimenses:
Figura 59
RelativeLayout
Como o prprio nome j diz, o Relative Layout relativo. Mas o que isso
quer dizer? Ao contrrio do Linear Layout, que especifica sempre uma direo
horizontal ou vertical, no relative layout, posicionamos os elementos por referncia
a outros elementos. Por exemplo, dizemos se o boto estar abaixo de um campo
de texto, do lado direito ou at mesmo acima dele.
Neste tipo de layout colocamos os itens em posies relativas a outros itens.

As tags android:layout_toRightOf, android:layout_toLeftOf, android:layout_below,
android:layout_above permitem decidir a colocao relativa dos componentes.
47
47
Para testar este layout, adicione outro arquivo de layout, conforme visto
anteriormente e d o nome de layout_relative. Substitua o cdigo gerado pelo
abaixo descrito:
Figura 60

apk/res/android
android:layout_height=fill_parent>
<TextView
android:id=@+id/label
android:text=Type here:/>
<EditText
android:id=@+id/entry
android:background=@android:drawable/editbox_back-
ground
android:layout_below=@id/label/>
<Button
android:id=@+id/ok
android:layout_below=@id/entry
android:layout_alignParentRight=true
android:layout_marginLeft=10dip
android:text=OK />
<Button
48
android:layout_toLeftOf=@id/ok
android:layout_alignTop=@id/ok
android:text=Cancel />
</RelativeLayout>
Observe, tambm, as tags para margem como android:layout_marginLeft e

android:layout_marginTop
Explor
Veja mais detalhes em: http://developer.android.com/guide/topics/ui/layout/relative.html
Outras tags android: dentro da descrio XML

Podemos, tambm, configurar melhor nossos componentes, por meio de
outros parmetros: android:textSize=18dip, android:width=150px,
android:height=60px android:textStyle=bold. Observe as tags que definem
cores (android:background e android:textColor).
Para este exemplo, iremos dividir os layouts em 2 arquivos. Primeiramente,

criaremos um arquivo de layout abaixo com o nome: listview_item.

apk/res/android
android:layout_height=50dp
android:background=@mipmap/ic_launcher >
<LinearLayout
android:layout_alignParentBottom=true
android:orientation=vertical
android:padding=5dip >
<TextView
android:id=@+id/title
android:singleLine=true
android:textSize=28sp
android:textStyle=bold
android:textColor=#0000ff/>
</LinearLayout>
<TextView
android:id=@+id/tvMsg
49
49
android:layout_alignParentRight=true
android:layout_centerVertical=true
android:layout_marginRight=10dp
android:textColor=#ebebeb
android:textStyle=bold />
</RelativeLayout>
Criaremos o segundo arquivo de layout com nome de layout_linear2 e iremos

referenciar dentro dele o arquivo criado acima, conforme exemplo abaixo:
<LinearLayout xmlns:android=http://schemas.android.com/
apk/res/android
xmlns:tools=http://schemas.android.com/tools
android:background=#ebebeb
<LinearLayout
android:layout_gravity=center_horizontal
android:layout_marginBottom=15dp
android:layout_marginLeft=15dp
android:layout_marginRight=15dp
android:layout_marginTop=15dp
android:background=#990000
<LinearLayout
android:layout_marginTop=5dp
android:background=#990000
<TextView
android:id=@+id/textView
android:layout_marginLeft=10dp
android:text=Menu
android:textAppearance=?android:attr/
textAppearanceLarge
android:textColor=#00ff00
android:textStyle=bold />
<Button
50
android:id=@+id/button
android:textSize=18dip
android:width=150px
android:height=60px
android:textStyle=bold
android:text=Botao />
</LinearLayout>
<ListView
android:id=@+id/list
android:layout_marginBottom=10dp
tools:listitem=@layout/listview_item >
</ListView> Referncia
</LinearLayout> ao arquivo
gerado acima
</LinearLayout
Perceba que podemos ter vrios tipos de layouts, inclusive um dentro do outro.
Tambm podemos criar arquivos separados de layout e realizar a referncia dentro
de outro arquivo de layout. O resultado ser o layout abaixo:
Figura 61
Caso voc queira organizar melhor as cores, podemos criar um arquivo xml de
cores e fazer a referncia dentro dos arquivos acima criados. Para isso, crie um
arquivo xml com o nome mycolor e o mesmo ficar disponvel na pasta values,
conforme abaixo e configure suas cores:
51
51
Figura 62
Nele, iremos acrescentar as configuraes abaixo:

<resources>
<color name=red>#ff0000</color>
<color name=green>#00ff00</color>
<color name=blue>#0000ff</color>
</resources>
Agora, j podemos substituir o cdigo hexadecimal da cor pela nomenclatura

criada acima, conforme exemplo abaixo:
Substituir android:textColor=#0000ff por android:textColor=@color/

blue
Como testar os layouts dos exemplos anteriores?

Para executar utilizando o novo layout, temos que mudar na programao a
seleo desse novo layout, conforme abaixo:
Figura 63
52
No programa MainActivity.java, altere no mtodo onCreate a chamada ao novo
layout, conforme abaixo:
Figura 64
Agora, execute o projeto novamente e veja como ficar na tela do emulador do

dispositivo.
Caso tenha fechado o emulador, ao executar, abrir a tela abaixo, mas como j
configuramos o emulador anteriormente, s selecionar o Android virtual device
e o boto OK.
Figura 65
53
53
Ao executar, o resultado ser o exibido abaixo:
Figura 66
Lembrando que temos criado todos os layouts abaixo e, caso queira, podemos
alterar para qualquer um desses criados e executar o projeto novamente.
Figura 67
As tags dos arquivos .xml do Android

Apesar de que um conhecimento bsico de XML facilitar entender melhor a
sintaxe utilizada nos arquivos .xml que descrevem o visual de uma tela do programa
Android, o ambiente ou IDE Android Studio ajudar nesta elaborao. Na figura,
mostramos como o IDE Android Studio nos orienta na elaborao de um arquivo
.xml. Para o componente de interface TextView mostrado, aparece uma lista de
tags que definem as caractersticas deste objeto.
54
Figura 68
Outra possibilidade ser consultar a ajuda detalhada de uma classe de componente

de interface (novamente utilizamos TextView como exemplo). Observe, na parte
inferior da figura, a lista de atributos XML, seus nomes e mtodos relacionados.
Figura 69
55
55
Vale lembrar que podemos gerar diversos tipos de layouts e vai da criatividade
e necessidade de cada um para podermos elaborar um layout mais aprimorado.
Abaixo, alguns exemplos de layouts mais sofisticados:
Figura 70
Figura 71
56
Figura 72
57
57
Material Complementar
Indicaes para saber mais sobre os assuntos abordados nesta Unidade:
Sites
Layouts
https://goo.gl/NnYeMS
Table
https://goo.gl/tBey8L
Compatibilidade com vrias telas
https://goo.gl/oaxTnQ
Relative Layout
https://goo.gl/hnav25
58
Referncias
ANDROID. Android Developers. Disponvel em http://developer.android.com
LECHETA, R. R. Google Android, Aprenda a criar aplicaes para dispositivos

mveis com o Android SDK. So Paulo: Novatec, 2010.
MEDNIEKS, Z. et. al. Desenvolvimento de Aplicaes Android. So Paulo:

Novatec, 2009.
LEE, W. M. Introduo ao Desenvolvimento de Aplicativos para o Android.

Rio de Janeiro: Cincia Moderna, 2011.
59
59

Unidade I - Introdução Ao Desenvolvimento para Android

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Unidade I - Introdução Ao Desenvolvimento para Android

Transféré par

Droits d'auteur :

Formats disponibles

Programao para

Responsvel pelo Contedo:

Estamos comeando nossos estudos sobre desenvolvimento mobile, mais

A proposta desta unidade instalar e configurar o Android Studio e o estudo

No deixe de assistir, tambm, apresentao narrada do contedo e de

Finalmente, e o mais importante, fique atento(a) s atividades avaliativas

Primeiramente, porque ele totalmente de graa, ou seja, voc no precisa

Basicamente, TUDO pode ser feito no Android! Podemos utilizar todos os

Precisa de mais informaes? s olhar no Android Market e ver a variedade de

Esto curiosos? Vamos colocar a mo na massa e ver que desenvolver para

Pensando assim, utilizaremos o sistema operacional

O Android a primeira plataforma para aplicaes mveis completamente livres

No Android, cada aplicao executada em um nico processo e cada processo

Esse sistema operacional baseado no ncleo (kernel) 2.6 do Linux, e

A Open Handset Alliance (OHA), um grupo de empresas lderes de telefonia

Maiores informaes sobre a OHA pode ser obtidas no site:

A linguagem mais usada para criar aplicativos para o robozinho o Java e

A linguagem Java utilizada para construir as aplicaes para o Android. Mas no

Depois que o bytecode (class) compilado, ele convertido para o formato

Diagrama que representa a arquitetura do Android (extrado de http://developer.android.com).

O Android est disponvel como cdigo aberto desde 21 de Outubro de 2008.

O Android Studio possui um plugin chamado ADT (Android Development Tools)

Na camada Libraries, esto as bibliotecas nativas escritas em C/C++ que

A camadaAndroid Runtimed condies para que as aplicaes baseadas na

Na camada Application Framework ficam as APIs do Android que so

Por fim, a camadaApplicationsrepresenta as aplicaes que executam sobre

Disponvel em: https://goo.gl/HyowGA

Google Play a loja online da Google para distribuio de aplicaes, jogos,

As aplicaes do Google Play esto disponveis de graa ou a um custo, para o

Essas aplicaes so geralmente direcionadas para usurios com base em um

Disponvel em: https://goo.gl/DFx3C

Os aplicativos da Google Play esto disponveis em diversos pases, podendo ser

Cada plataforma tem um cdigo identificador (API Level) e alguns tm nome

Atualmente na verso do Android a 5.1:

Verso da plataforma Android distribuda por API:

Onde encontrar uma referncia tcnica completa do Android?

Documentao dos pacotes de classes das APIs do Android

Suporte e instalao do software para Android

Antes de configurar Android Studio, certifique-se de ter instalado o JDK 6 ou superior

Neste arquivo, j existe o mdulo para desenvolvimento (Android Studio) e o

Selecione SDK Manager.

necessrio estar conectado na Internet para instalar esses pacotes.

Selecione todos os itens e aceite a licena e selecione Install.

Futuramente, voc poder adicionar mais pacotes caso necessite, utilizando o

Criando um projeto no Android Studio.

Um projeto Android contm todos os arquivos que compem o cdigo-fonte

2. Na janela que aparece, digite a localizao do projeto e no nome da

Application Name: o nome do aplicativo que aparece para os usurios.Para

Project Location: o nome do diretrio do projeto.

5. Deixe todos os detalhes em seu estado padro e clique em Concluir.

Entendendo o que foi gerado

java contm as classes Java. Contm a classe MainActivity.

Entendendo a classe R.java

Existe tambm uma classe central e automaticamente gerada que responsvel

Acesso a itens da tela declarados nos XMLs de layout:

Um Layout uma estratgia ou disposio para colocar os componentes dentro

Os layouts mais comuns para organizar elementos de interface na tela so:

Veja arquivo activity_main.xml em res/layout no Project.

Vamos substituir o TextView acima com os dados abaixo para compreender a

Agora, repare na linha em destaque: @string/hello_world. Ela define o texto

Selecionando o modo grfico, notaremos como ficou o layout.

Acesse agora o menuToolsAndroid AVD Manager.

Clique no botoCreate a virtual devicepara adicionarmos um novoEmulador.