Luiz Carlos Querino Filho

Transcrição

1 Luiz Carlos Querino Filho Novatec

2 Novatec Editora Ltda. [2014]. Todos os direitos reservados e protegidos pela Lei de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Capa: Carolina Kuwabata Revisão gramatical: Marta Almeida de Sá Editoração eletrônica: Carolina Kuwabata ISBN: Histórico de impressões: Dezembro/2013 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: Fax: novatec@novatec.com.br Site: Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec XXXX

3 capítulo 1 Prepare-se para se render ao robozinho verde do Google! O ano: O local: Vale do Silício, Estados Unidos da América. Neste verdadeiro oásis da tecnologia, no meio da ensolarada Califórnia, surgia a Android Inc., empresa fundada por Andy Rubin, Rich Miner, Nick Sears e Chris White, voltada ao desenvolvimento de sistemas móveis. Não se sabe ao certo o porquê do nome Android... Talvez uma singela homenagem aos célebres R2-D2 e C3PO de Guerra nas Estrelas? Ou um reconhecimento tardio a Data, o androide de Jornada nas Estrelas: A Nova Geração? Isso realmente não importa. O que interessa de verdade é que o Google, sempre atenta às inovações que surgiam ao seu redor, percebeu que muitas ideias interessantes ainda poderiam sair da Android Inc. e passou a financiar as pesquisas realizadas pela empresa. Em pouco tempo, a empresa Android daria o seu nome a um sistema operacional que, assim como o Windows, dominaria seu segmento de mercado Uma breve história do sistema operacional Android Em 2005, o Google adquiriu a Android Inc., e esta passou a fazer parte da gigante das buscas na Internet. Essa aquisição serviu também para aguçar a curiosidade de especialistas em tecnologia: quais seriam os planos da empresa de Larry Page e Sergey Brin no mercado de dispositivos móveis? Tudo começou a ficar mais claro logo após a Apple apresentar ao mundo o iphone, em janeiro de 2007, causando uma verdadeira revolução na forma que as pessoas usavam os seus telefones celulares. 15

4 16 Desenvolvendo seu primeiro aplicativo Android Inicialmente, parecia que o Google seria uma espécie de parceira da Apple no iphone. O aparelho usava o Google como seu principal mecanismo de busca, e os mapas usados na navegação GPS do aparelho provinham do Google Maps. Até Eric Schmidt, na época CEO do Google, fazia parte do conselho de direção da Apple, chegando até mesmo a participar do evento de lançamento do aparelho. Mas os fortes rumores que indicavam que o Google estaria preparando algo que competiria de igual para igual com o iphone serviram para acabar com a lua de mel entre a empresa de Steve Jobs e a Google... Diz a lenda que Steve Jobs se enfureceu com Eric Schmidt e sua empresa assim que ficou sabendo dos planos do Google para o mercado móvel. Seguiu-se a isso a saída de Eric Schmidt do conselho da Apple e a decisão da grande maçã de remover o Google Maps do iphone, criando seu próprio serviço de mapas (o Apple Maps)... Fofocas do mundo dos negócios à parte, os fatos são estes: em 5 de novembro de 2007, quando o iphone já tinha se tornado um grande sucesso de vendas, a Google anunciou a criação da Open Handset Alliance, uma associação encabeçada por ela que contava com a participação de peixes grandes do mercado de dispositivos móveis, como Motorola, Samsung e HTC. Nas palavras da própria Google, o intuito na criação da Open Handset Alliance era desenvolver padrões abertos para dispositivos móveis. E neste mesmo dia a associação apresentou seu primeiro produto: o sistema operacional Android, que equiparia uma nova geração de telefones celulares, os smartphones, que seriam lançados comercialmente em Fruto direto da Android Inc., o Android foi anunciado como um sistema operacional baseado no núcleo do Linux e que consequentemente herdaria o pedigree deste, oferecendo estabilidade e segurança aos usuários. Para completar, seguiria a mesmo filosofia aberta (baseada no conceito de software livre/open source) do Linux: estaria disponível livremente, podendo ser usado simultaneamente por vários fabricantes. Em pouco tempo, assim como previsto pelos especialistas, o Android tornou- -se o líder no mercado de sistemas operacionais para dispositivos móveis.

5 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 17 Isso, obviamente, se deve a vários fatores, como a evidente qualidade do sistema e sua arquitetura aberta, que possibilitou seu uso em diversos aparelhos (se você não sabe, o ios, sistema operacional do iphone e do ipad, não pode ser usado em outros aparelhos que não sejam os produzidos pela Apple). Outro fato que também levou à popularização do sistema foi a escolha da linguagem Java para o desenvolvimento dos aplicativos que executam no Android. Afinal de contas, Java é uma das linguagens de programação mais populares do mundo já há algum tempo, com uma base enorme de desenvolvedores experientes. Em junho de 2013, o índice Tiobe apontava Java como a segunda linguagem de programação mais usada no mundo ( Os desenvolvedores Java poderiam, então, facilmente começar a desenvolver aplicativos para Android. E isso realmente aconteceu: especialistas estimam que, em janeiro de 2013, mais de 800 mil aplicativos para Android estavam disponíveis na Google Play Store e que em breve seria alcançada a marca de 1 milhão de programas, de acordo com as fontes: e readwrite.com/2013/01/08/google-play-to-hit-1-million-apps-before-apple-app-store. Quer mais uma prova do domínio do Android? O IDC informa que, no primeiro quadrimestre de 2013, o Android possuía 75% do mercado (seu market share) de sistemas operacionais móveis, como pode ser observado no gráfico da figura 1.1 (criado de acordo com os dados disponibilizados pelo IDC em O mercado de desenvolvimento de aplicativos móveis está literalmente pegando fogo. É hora de arregaçar as mangas e aproveitar o momento, deixando sua marca neste novo e promissor segmento. Qual seria a melhor forma de começar se não pelo sistema líder do mercado? E o melhor: você pode começar a criar seus aplicativos Android agora: o kit de desenvolvimento básico, sua caixa de ferramentas para desenvolver os programas, pode ser instalado e usado livremente em qualquer computador com os principais sistemas operacionais: Windows, Linux ou Mac OS X! Então? Vamos nessa?

6 18 Desenvolvendo seu primeiro aplicativo Android Figura 1.1 Fatias de mercado dos principais sistemas operacionais para dispositivos móveis. AS VERSÕES DO ANDROID O sistema operacional do robô verde evoluiu bastante desde sua primeira versão (1.0), lançada oficialmente em No momento da elaboração deste livro, a versão mais recente do Android é a 4.3, codinome Jelly Bean que conta com muitos recursos e avanços gráficos que não existiam inicialmente. A versão 4.4, chamada KitKat, também está prestes a ser lançada. Uma curiosidade: as versões do Android, desde a 1.5, passaram a receber codinomes sempre um tipo de doce ou sobremesa, seguindo a ordem alfabética. A versão 1.5 era a Cupcake ; a 1.6 foi chamada de Donut, e assim sucessivamente. Neste livro, usaremos a versão 4.3, a "Jelly Bean" jelly bean é como os norte-americanos chamam as nossas "gominhas" ou "jujubas". Em outubro de 2013 chega a versão 4.4, com a sequência alfabética na letra K, e adequadamente batizada de KitKat (o famoso chocolatinho com wafer em barras da Nestlé).

7 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! Obtendo e instalando sua caixa de ferramentas O primeiro e imprescindível passo é deixar seu computador preparado para o processo de desenvolvimento de aplicativos para Android. Independentemente do sistema operacional do seu computador, isso envolverá duas etapas básicas: Baixar e instalar o Java JDK 7: O Java Development Kit contém o conjunto essencial de ferramentas e bibliotecas para criação de programas em Java. Você já sabe que programas para Android são escritos nesta linguagem, não é mesmo? Baixar e instalar o Android SDK (Software Development Kit): Este pacotão traz os outros dois elementos que, junto do JDK, completam o quebra-cabeça dos recursos necessários para criar aplicativos para o sistema operacional do robô: o ambiente de desenvolvimento integrado Eclipse e as bibliotecas de classes Java específicas do Android (entre outros arquivos, como utilitários e documentação). Se você já é um programador experiente, sabe que o ideal, na hora de criar um software, é usar um ambiente de desenvolvimento integrado, o chamado IDE (Integrated Development Environment). Os IDEs agrupam um conjunto de funcionalidades que otimizam todo o processo de elaboração de um software, como edição, compilação e depuração. O Eclipse é um dos mais famosos e usados IDEs para Java. O Google, com o intuito de facilitar cada vez mais a criação de aplicativos para o Android, criou uma versão customizada do Eclipse, denominada Eclipse ADT, com recursos exclusivos para criação de software para seu sistema operacional móvel. Um desses recursos, por exemplo, é o editor visual de telas, que ajuda bastante a criação das interfaces dos aplicativos Android. Pois bem: é justamente este Eclipse ADT que está incluso no Android SDK, prontinho para ser usado. O que é um alívio, já que nos primórdios do desenvolvimento para o Android era necessário baixar o Eclipse "padrão" e acrescentar o suporte ao Android posteriormente nada muito trabalhoso, mas com certeza mais um empecilho na hora de se conquistar usuários inexperientes para a plataforma...

8 20 Desenvolvendo seu primeiro aplicativo Android Além do Eclipse e das bibliotecas do Android, o SDK traz também um recurso indispensável: um emulador do Android. Com ele, você pode testar seus aplicativos em qualquer versão do Android já disponibilizada, sem a necessidade de ter um aparelho físico com o sistema. Bom, mas chega de conversa. Vamos começar a colocar a casa em ordem! Os exemplos a seguir, de obtenção e instalação do Java e do Android SDK, são apresentados em um computador com o sistema operacional Windows 7 instalado. Se você usa Mac OS X ou Linux, não se preocupe: o processo é praticamente o mesmo (afinal de contas, estamos trabalhando com desenvolvimento em Java uma linguagem multiplataforma). Outra consideração importante: estamos dentro de uma área em evolução aceleradíssima nos tempos atuais a programação para dispositivos móveis! Por isso, pode ser que, enquanto você lê este livro e segue estes tutoriais, um ou outro detalhe pode ter sido mudado, como uma tela ou um procedimento. Com certeza não será muito, mas lembre-se de fazer as adaptações que forem necessárias Baixando e instalando o Java JDK É muito provável que você já tenha o JRE (Java Runtime Environment) na sua máquina. Ele possibilita a execução de aplicativos Java. Muitos sites e aplicativos fazem uso dele. Porém, a não ser que você já tenha programado em Java no seu computador, você não deve ter o JDK instalado. Ele é usado para criar aplicativos em Java. Mesmo se tiver, ou caso não saiba se tem ou não, é recomendável baixar e instalar uma versão mais atual. Ah! Também não há problema se você não tiver o JRE instalado, viu? O JDK vem com ele. Para baixar o JDK, acesse o endereço de download oficial na Oracle: A versão mais atualizada do JDK, no momento da finalização deste livro, era a 7u45. Isso indica que estamos usando o Java na sua versão 7, com a atualização número 45. Como o Java é constantemente atualizado pela Oracle, pode ser que, quando você estiver lendo isso, uma nova versão já esteja disponível. Vá em frente e baixe a versão mais nova.

9 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 21 Para fazer o download, clique no link indicado na figura 1.2. Figura 1.2 Site para download do Java JDK. Ao clicar, você será levado a uma página onde escolherá a versão do JDK específica para o seu sistema operacional. Você também deverá aceitar os termos da Oracle para poder fazer o download (Figura 1.3). Figura 1.3 Escolhendo a versão adequada do JDK.

10 22 Desenvolvendo seu primeiro aplicativo Android Escolha a versão adequada ao seu sistema operacional. Para alguns sistemas operacionais (como o Windows), existe a opção de baixar a versão 32 bits ou a 64 bits. Se você sabe que seu Windows executa em 64 bits, baixe a versão correspondente do JDK. Na dúvida, clique na versão de 32 bits. Após a conclusão do download, clique duas vezes sobre o arquivo baixado para iniciar a instalação. Será apresentada uma tela semelhante à da figura 1.4. Figura 1.4 Instalação do JDK. O processo de instalação do JDK é bastante simples e rápido. Basta seguir o famoso Next...Next...Next...Finish. Ao término da instalação, será mostrada uma tela parecida com a da figura 1.5. Neste ponto, você já possui no seu computador os recursos necessários para executar e criar programas Java tradicionais. Agora precisamos do Android SDK para que possamos criar programas em Java para a plataforma!

11 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 23 Figura 1.5 Instalação do JDK 7 concluída Baixando e instalando o Android SDK Nesta etapa, vamos obter o pacotão de desenvolvimento específico para o Android, que engloba o Android SDK (bibliotecas e ferramentas), o ambiente de desenvolvimento preparado para criar programas Android (Eclipse ADT) e o emulador. Por isso, o pacote do Android SDK é significativamente maior que o do Java JDK. Mas não se preocupe: ele já vem com tudo de que precisamos para começar a programar. Para obtê-lo, acesse o endereço: Você entrará no melhor local para encontrar informações sobre o desenvolvimento em Android: o site oficial de desenvolvedores Android do Google! Além do SDK, aqui você encontra notícias, tutoriais e a documentação completa do SDK. Recomendo que você adicione este site aos seus favoritos e faça dele um ponto de parada obrigatória na rede! Na parte inferior da tela, clique em Get the SDK (Obtenha o SDK), como mostrado na figura 1.6.

12 24 Desenvolvendo seu primeiro aplicativo Android Figura 1.6 Site developer.android.com e link para download do SDK. Você será levado à página de download. Nela, com base em informações do seu navegador, será sugerida automaticamente a versão do SDK adequada ao seu sistema operacional. Basta então clicar no botão para iniciar o download (Figura 1.7). Antes de o download começar, você deverá concordar com os termos do Google e escolher se deseja a versão de 32 ou 64 bits. Se você baixou o JDK 64 bits, marque esta opção. Caso contrário, escolha 32 bits. Finalmente, clique sobre o botão Download the SDK ADT Bundle... (Figura 1.8). Terminado o download do Android SDK, você terá um arquivo denominado adt-bundle-<sistema-operacional>-<data-da-versão>.zip. Para deixar tudo organizado, abra sua pasta pessoal no seu sistema operacional, crie nela uma subpasta denominada Developer e descompacte o arquivo baixado dentro dela. Na figura 1.9, por exemplo, eu criei a pasta Developer dentro da pasta do usuário atual (Anita). Copiei o arquivo baixado para dentro dela e vou iniciar o processo de descompactação clicando com o botão direito do mouse sobre ele e selecionando Extrair Tudo...

13 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 25 Figura 1.7 Botão para início do download do Android SDK. Figura 1.8 Iniciando o download do Android SDK.

14 26 Desenvolvendo seu primeiro aplicativo Android Figura 1.9 Iniciando a descompactação do arquivo com o Android SDK. Na janela que será aberta, indique que o conteúdo deverá ser extraído para a pasta C:\Users\<seu-usuario>\Developer (em sistemas Windows se você usa Mac OS X ou Linux, será, respectivamente, /Users/<seu-usuario> ou /home/<seu-usuario>), como no exemplo da figura 1.10 (onde o usuário em questão é Anita ), e clique sobre o botão Extrair. Figura 1.10 Descompactando o arquivo.

15 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 27 SE O SEU SISTEMA OPERACIONAL FOR MAC OS X OU LINUX não tema! Todos os procedimentos descritos neste livro serão os mesmos, no que diz respeito ao uso do Android SDK, Eclipse e código Java. Isso é uma das grandes vantagens do uso da linguagem Java totalmente multiplataforma no Android! Após descompactar, você encontrará dentro da nova pasta adt-bundle- <sistema-operacional>-<data-da-versão> duas subpastas: sdk e eclipse. A pasta sdk contém as bibliotecas e os utilitários básicos do Android SDK. A pasta eclipse possui a versão do IDE Eclipse customizada para desenvolvimento em Android, prontinha para ser usada. Para executar o Eclipse ADT (Android Developer Tools), você pode simplesmente clicar duas vezes sobre o ícone do aplicativo Eclipse (Figura 1.11). Figura 1.11 Aplicativo Eclipse. Como vamos usá-lo bastante, recomendo a você criar um atalho para ele na sua área de trabalho. Para fazer isso rapidamente, clique com o botão direito do mouse sobre o arquivo eclipse.exe, segure e arraste para a área de trabalho. Ao soltar, selecione a opção Criar atalho aqui. Já abriu o Eclipse? Se ainda não, vá em frente! Vamos encarar a fera.

16 28 Desenvolvendo seu primeiro aplicativo Android 1.3 Executando o Eclipse pela primeira vez O Eclipse é uma das mais populares ferramentas de desenvolvimento para a linguagem Java segundo seus fãs, a mais popular (algo ainda contestado pelos entusiastas do NetBeans...). Provavelmente por esse fato, além da característica de ser open-source e de distribuição livre, acabou sendo escolhido pelo Google como a ferramenta oficial de desenvolvimento para o Android. Na realidade, o Eclipse distribuído junto do Android SDK é uma versão customizada desse IDE, contendo funcionalidades específicas para o desenvolvimento de aplicativos Android. Essa versão acabou sendo chamada pelo Google de Eclipse ADT (Android Developer Tools). Porém isso não significa que você não poderá desenvolver aplicativos Java padrão nele essa possibilidade continua presente Definindo o workspace do Eclipse e as configurações iniciais Quando abrimos o Eclipse pela primeira vez, ele solicita um caminho para armazenamento dos seus projetos, que ele chama de workspace (Figura 1.12). Figura 1.12 Definindo o worskpace para o Eclipse. Escolha um local de sua preferência. Pode ser dentro da pasta Developer, que foi criada anteriormente na sua pasta pessoal, ou pode ser em Documentos você decide. Se quiser, não precisa também chamá-la necessariamente de workspace pode ser simplesmente Projetos.

17 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 29 IMPORTANTE: Evite ao máximo colocar seu workspace de projetos em um caminho que contenha acentuação no nome ou espaços. Existem algumas situações em que isso pode ocasionar problemas na abertura e execução dos projetos. Se não marcar a opção Use this as the default..., toda vez que você iniciar o Eclipse, precisará confirmar o local do workspace. Por isso, deixe-a marcada, como na figura Se precisar mudar o workspace futuramente, basta trocá-lo nas Preferências (pelo menu Windows > Preferences) do Eclipse. Após clicar em OK, o Eclipse continuará seu carregamento. Pode ser que seja apresentada uma tela solicitando a autorização do envio de estatística de uso ao Google, com o título Contribute Usage Statistics?. Se você concordar, deixando Yes marcado, o Eclipse ADT enviará periodicamente dados de uso da ferramenta ao Google, visando melhorá-la futuramente (Figura 1.13). Basta então clicar em Finish. Figura 1.13 Confirmando o envio (ou não) de estatísticas de uso ao Google. Após alguns segundos, será apresentada a tela da figura 1.14.

18 30 Desenvolvendo seu primeiro aplicativo Android Figura 1.14 Tela de boas-vindas do Eclipse. É apenas uma tela de boas-vindas, com algumas dicas de como criar seu primeiro projeto. Você não precisa dela já tem este livro para isso! Basta clicar no ícone de X indicado na figura 1.14, para exibir a tela principal do Eclipse A perspectiva padrão do Eclipse O Eclipse chama o conjunto de elementos que compõem sua tela de perspective (perspectiva). Como ele atualmente dá suporte a várias linguagens além de Java, e é usado para diversas outras finalidades além de edição de código (infelizmente, ele não faz café pelo menos ainda não), uma perspectiva configura a tela do Eclipse de acordo com a linguagem/ plataforma/função ativa no momento. O desenvolvimento para Android usa a perspectiva padrão do Eclipse, denominada Java (sim, é a mesma usada na criação de aplicativos Java tradicionais). Você pode ter uma ideia de como é essa perspectiva pela figura Nessa perspectiva, a tela é dividida basicamente em: (a) Barra de ferramentas: com os botões usados para criar projetos, salvar, executar aplicativos, entre outros. (b) Package Explorer: o explorador de pacotes mostra os projetos existentes no workspace e o que eles contêm. (c) Editor de código: é aqui que vamos fazer o que mais gostamos programar!

19 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 31 (d) Outline: um resumo da estrutura do arquivo-fonte aberto no editor à esquerda. Basicamente, um recurso para você localizar rapidamente elementos do código, como um método. (e) Problems: ninguém gosta de problemas, mas uma hora eles aparecem. É aqui que vamos localizá-los. Existe uma frase que diz que há apenas duas certezas na vida de uma pessoa: os impostos e a morte. Podemos acrescentar encontrar bugs em software a essa lista... Figura 1.15 A perspectiva Java do Eclipse. Bem, já temos agora uma ideia da cara do Eclipse. Antes de criar nosso primeiro projeto, vamos apenas configurar alguns aspectos dele para facilitar nossa vida Configurando o Eclipse As configurações básicas do Eclipse podem ser acessadas nas versões Windows e Linux do aplicativo, pelo menu Window > Preferences. No Mac OS X, elas estão no menu ADT, à direita da maçã da Apple.

20 32 Desenvolvendo seu primeiro aplicativo Android Se tem algo que o Eclipse oferece bastante mesmo são opções de configuração, como você pode perceber pela figura Nessa mesma figura, você vai ver uma opção que, ao ser marcada, facilita muito a vida do desenvolvedor na incansável busca por bugs! Figura 1.16 Configurações do Eclipse. Abra as chaves de configuração General > Editors, nesta ordem. Dentro de Editors, clique sobre Text Editors. Nas opções que são apresentadas, localize Show line numbers e marque-a (Figura 1.16), clicando em seguida no botão Apply. Dessa forma, na tela de edição de código do Eclipse, serão exibidos os números das linhas, o que ajuda na hora de localizar os erros do programa. Antes de fechar a janela de preferências, dê uma olhada nestas outras duas chaves de configuração e tente lembrar-se delas elas podem ser úteis futuramente:

21 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 33 General > Startup and shutdown > Workspaces: aqui você pode mudar o local em que o Eclipse guarda os projetos o workspace, lembra? General > Appearance > Colors and Fonts: abrindo esta chave e depois, à direita, clicando duas vezes sobre Basic > Text font, você pode mudar a fonte base do editor de código. Mas lembre-se: todo bom programador só usa fontes de largura fixa para o código! Por isso, nada de Arial ou Helvetica. Prefira Consolas, Menlo ou, na pior das hipóteses, Courier New... Android: contém as configurações específicas para desenvolvimento em Android. Clicando sobre a chave principal ( Android ), existe a opção de configuração do caminho para o SDK. Se por alguma razão o Eclipse ADT não fez essa configuração automaticamente para você, é possível defini-la manualmente aqui. Para poder testar o programa que vamos criar, precisaremos do emulador. E, antes de usá-lo, temos que configurá-lo: qual versão do Android ele executará? Qual dispositivo ele vai emular (na questão do tamanho e da resolução da tela, por exemplo)? Fazemos essas configurações em um dispositivo virtual do Android, um AVD (Android Virtual Device) Criando um dispositivo virtual para o emulador Os AVDs são criados usando uma ferramenta incluída no Android SDK denominada Android Virtual Device Manager. Ela é tão importante que um ícone de atalho a ela foi adicionado à barra de ferramentas do Eclipse (Figura 1.17): Figura 1.17 Ícone do Android Virtual Device Manager.

22 34 Desenvolvendo seu primeiro aplicativo Android Clicando no botão indicado, será aberta uma janela que lista todos os dispositivos virtuais já criados (sim, você pode criar mais de um por exemplo, quando precisar testar seu programa em versões diferentes do Android), vista na figura Figura 1.18 Tela do Android Virtual Device Manager. Em uma instalação nova do Android SDK, você ainda não possui nenhum AVD criado. Então vá em frente: clique sobre o botão New... para fazê-lo (Figura 1.18)! Na tela de configuração do novo AVD (Figura 1.19), você deverá definir alguns aspectos importantes, que vão facilitar o desenvolvimento do seu aplicativo. As principais configurações que você deve fazer são as seguintes: (a) AVD Name: um nome para o dispositivo virtual. Pode ser qualquer um neste exemplo, usamos somente avd.

23 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 35 (b) Device: aqui você pode definir um modelo de aparelho, que servirá apenas como base para teste do tamanho da tela e da resolução usada. Não se espante pelo fato de serem poucos os aparelhos mostrados aqui trata-se apenas de uma referência para um tipo de tela. Neste exemplo, usamos o modelo Nexus One, principalmente por trazer um tamanho de tela médio (3.7 polegadas), semelhante ao de muitos aparelhos existentes no mercado (que ficam entre 3.5 e 4 polegadas). Depois falaremos mais sobre como seus aplicativos ficarão compatíveis com aparelhos com tela e/ou resolução diferente. Não se preocupe com isso no momento. Figura 1.19 Criando um novo Android Virtual Device (AVD).

24 36 Desenvolvendo seu primeiro aplicativo Android (c) Target: Escolha a versão mais recente disponível: Android API Level 17, Android 4.3 API Level 18, ou posterior. No exemplo da figura 1.19, escolhemos Android 4.3. Isso indica que o dispositivo virtual criado executará na versão aqui especificada. Para poder usar outra versão, você precisa ter baixado a imagem da mesma usando o aplicativo SDK Manager. Mas relaxe: você pode testar o seu aplicativo na versão mais recente (que sempre vem junto do pacote do Android SDK) e mesmo assim garantir que o seu aplicativo funcione em versões anteriores. Também falaremos mais sobre isso posteriormente. (d) Keyboard: certifique-se de deixar ativada a opção Hardware keyboard present. Com ela ativa, você poderá usar o teclado físico do seu computador para digitar texto no aplicativo, sem necessidade de recorrer ao teclado virtual do aparelho. (e) Emulation options: marque a opção Snapshot. Por meio dela, seu emulador ficará sempre congelado no estado em que foi usado pela última vez (de maneira semelhante ao que acontece com aplicativos de virtualização). Se você não marcá-lo, toda vez que iniciar o emulador deverá esperar o longo e tedioso boot do Android... Dependendo do computador usado, pode dar tempo de fazer um café e até deixá-lo esfriar antes de beber, o que irrita qualquer programador... Clicando no botão OK, seu novíssimo AVD será criado (Figura 1.20)! É praticamente um aparelho novinho para você testar (sem, é claro, possibilidade de fazer chamadas ou receber SMS de promoções da operadora o que é uma grande vantagem)! Figura 1.20 Tela do AVD Manager com o novo dispositivo virtual criado.

25 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 37 Pode fechar a janela do AVD Manager agora. Finalmente, estamos com tudo pronto para criar nosso aplicativo de teste! 1.4 Testando tudo com um exemplo prático: conversor de medidas O sistema métrico é o padrão de unidades de medida em praticamente todo o mundo. Se você for para algum outro país, provavelmente também vai se deparar com metro, centímetro e quilômetro. A não ser que esse país seja os Estados Unidos... Sim, a terra do Tio Sam é o único país industrializado que não adotou o sistema métrico como padrão! E, consequentemente, temos de nos resignar (e nos adaptar) a este fato! Se um dia você tiver que saber sua altura em pés (esta é a unidade de medida que os norte-americanos usam para essa finalidade), deverá fazer uma conversão. Nada que a boa e velha matemática não resolva. Mas vamos tornar tudo um pouco mais fácil: vamos carregar em nosso bolso um aplicativo de conversão de metros para pés! A conversão é simples: um pé (foot) equivale a 30,48 centímetros. Se uma pessoa possui 1,83 metro de altura, totalizamos 183 centímetros. Após fazer a divisão (183/30,48), ficamos sabendo que este indivíduo mede exatamente seis pés (feets)! É claro que este não é o aplicativo principal do nosso livro trata-se apenas de um teste inicial para verificar que a casa está em ordem, e para aprendermos os conceitos mais básicos do desenvolvimento para Android. Mas não é por isso que ele deve ser sem graça, não é verdade? Teremos uma barra com um botãozinho deslizante (chamada de SeekBar no Android SDK), onde o usuário poderá especificar sua altura. Após marcar a altura, o usuário tocará em outro botão e o valor da medida em metros será convertido para pés. Vai ficar razoavelmente interessante, como você pode ver na figura 1.21.

26 38 Desenvolvendo seu primeiro aplicativo Android Figura 1.21 Tela final do aplicativo Conversor Criação do projeto no Eclipse Para criar o projeto no Eclipse, na barra de ferramentas, clique sobre a seta para baixo no lado direito do primeiro botão (Figura 1.22). No menu que será exibido, selecione Android Application Project. Figura 1.22 Criando o novo projeto no Eclipse. Será exibida a primeira tela do processo de criação de um novo projeto (Figura 1.23). Nessa tela, fazemos várias configurações importantes sobre o projeto: (a) Application Name: o nome do aplicativo, que será mostrado na lista de programas instalados no aparelho e na Google Play Store. Para este exemplo, informe Conversor.

27 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 39 Figura 1.23 Tela inicial da criação de um novo projeto Android. (b) Project Name: o nome do projeto dentro do Eclipse. Geralmente, usamos o mesmo nome do aplicativo (Conversor). Você vai perceber que o Eclipse colocará aqui o mesmo nome informado em Application Name. (c) Package Name: o nome do pacote das classes Java do seu projeto. Basicamente, um pacote em Java é uma forma de categorizar corretamente as unidades básicas de código-fonte que você escreve (chamadas de classes). A convenção na definição de pacotes do Java é usar um domínio da internet em forma reversa, seguido de um identificador para o programa. Você pode ver no exemplo da figura 1.23 que usei meu domínio particular (querino.net) invertido (net.querino) seguido de um ponto e o nome do aplicativo em letras minúsculas (net.querino.conversor). Evite ao máximo usar valores fictícios ou inválidos neste caso, pois este nome de pacote também

28 40 Desenvolvendo seu primeiro aplicativo Android servirá para identificar seu aplicativo na Google Play Store (se você publicá-lo lá). Então, se não possuir um domínio próprio, use o da empresa onde trabalha, da sua faculdade ou o domínio de alguém que conhece (não deixe de, obviamente, pedir permissão para usá- -lo ao responsável). (d) Minimum Required SDK: mantenha selecionado API 8: Android 2.2 (Froyo). Essa configuração especifica a versão mínima do Android necessária para que seu programa funcione. Marcando a 2.2, temos duas consequências: uma muito boa (seu aplicativo vai funcionar na esmagadora maioria dos aparelhos existentes no mercado, já que muitos deles ainda executam o Android 2.2 ou 2.3) e uma não tão boa assim (somente poderemos usar no aplicativo recursos que já existiam desde essa versão, ou seja, nada feito para funções inovadoras acrescentadas nas versões mais recentes, como a Jelly Bean). Mas isso não é tão ruim quanto parece, e vai por mim: se o seu interesse é alcançar a maior quantidade possível de usuários, vale a pena manter Android 2.2 nesta configuração! (e) Target SDK: deixe marcada a versão sugerida (API 18: Android 4.3 (Jelly Bean), no exemplo) ou uma versão mais recente (caso disponível), como a KitKat. Isso indica que, apesar de manter compatibilidade com as versões >= 2.2 (você é um programador, então com certeza leu isso como maior ou igual a...), vamos testar nosso aplicativo com a versão mais recente. Sem entrar em muitos detalhes, isso quer dizer o seguinte: apesar de o seu aplicativo funcionar em versões anteriores, vai rodar legalzinho e sem modo de compatibilidade na versão mais recente, que equipa os smartphones Android mais poderosos e novos do mercado. Bom isso, não é mesmo? (f) Compile With: também mantenha o recomendado pelo assistente de criação do projeto (API 18: Android 4.3 (Jelly Bean)). Isso indica que o seu aplicativo será compilado com a versão mais atual do SDK, o que é uma boa ideia, pois traz melhorias e correções que as versões anteriores não têm. Mas não entre em pânico: a retrocompatibilidade com versões mais antigas está garantida pela seleção feita em Minimum Required SDK!

29 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 41 (g) Theme: Finalmente, o tema que será usado pelo aplicativo. O tema estabelece o visual padrão do programa: suas cores, suas fontes, seus tamanhos, o aspecto dos botões e demais controles etc. Deixe Holo Light with Dark Action Bar marcado, pois é o tema padrão das novas versões do Android. NOTA SOBRE A VERSÃO 4.3 A versão 4.3 é uma atualização menor do Android e foi lançada pela Google em 24 de julho de Possui pequenas melhorias e correções em relação à versão anterior (4.2.2), sem nenhuma mudança muito significativa. No decorrer deste livro, manteremos o uso da 4.2 como "Target" dos projetos e a 4.3 em "Compile With", mas sinta-se à vontade para usar uma versão mais recente (se disponível). Como a área de computação móvel é a atual menina dos olhos do setor de TI e sua evolução está aceleradíssima, pode ser que uma versão ainda mais nova que a 4.3 já esteja em uso quando você estiver lendo este parágrafo (e tudo indica que o Android 4.4 KitKat será ela)... Finalmente, clique em Next para passar à próxima tela. Nela (Figura 1.24), indicaremos se desejamos definir um ícone personalizado para o aplicativo (a Create custom launcher icon, não para este caso) e se queremos que uma primeira tela seja criada para o programa (b Create activity, sim, pode deixar marcada). As demais opções podem ser mantidas como estão. Clique em Next para passar à tela seguinte. Como indicamos na tela da figura 1.24 que queremos uma tela inicial neste projeto (com a opção Create activity), devemos especificar na tela da figura 1.25 que tipo de tela será esta. Existem três opções iniciais: Blank Activity: uma tela em branco padrão. Mantenha-a selecionada, pois é essa de que precisamos. Fullscreen Activity: essa opção permite a criação de uma tela com barra de navegação e/ou ferramentas e que possa ocupar a tela toda quando o usuário interagir com seu conteúdo.

30 42 Desenvolvendo seu primeiro aplicativo Android Master/detail Activity: este tipo de tela apresenta uma lista de opções à esquerda e quando um dos itens é selecionado mostra um conteúdo diferente à direita. É ideal para uso em dispositivos com tela maior, como tablets. Figura 1.24 Segunda tela de criação do projeto. Como indicado na figura 1.25, deixe a caixa Create Activity marcada, com a opção Blank Activity selecionada logo abaixo. Clique em Next. Finalmente, passamos à última tela (Figura 1.26). Não vamos mudar os valores das opções, mas é bom saber o que cada um significa: (a) Activity Name: o nome da classe em que ficará o código responsável pelo controle do ciclo de vida da tela principal do seu programa, assim como todos os eventos relacionados aos elementos na tela.

31 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 43 Se você não é muito familiarizado com Java, saiba que escrevemos o código dos programas criados nesta linguagem em classes, e que dentro delas ficam os métodos e eventos, que são como funções relacionadas à tela ou algum existente dentro delas (como botões e caixas de entrada de texto). Neste caso, vamos manter o nome MainActivity para a classe de nossa tela principal. (b) Layout Name: activity_main é o nome do arquivo em XML que contém a especificação do layout da tela, ou seja, o que esta tela possui (botões, texto etc.), como estes elementos estão posicionados nela e quais suas configurações de exibição (tamanho, cor, alinhamento, entre outros). Vamos manter este valor padrão. (c) Navigation Type: mantenha None (nenhum), pois criaremos um aplicativo com uma única tela. Se estivéssemos criando um programa com mais de uma tela, poderíamos especificar aqui uma forma para a navegação entre as várias telas. Figura 1.25 Terceira tela de criação do projeto.

32 44 Desenvolvendo seu primeiro aplicativo Android Figura 1.26 Tela final de criação de um novo projeto Android. MAS O QUE É ESSA TAL ACTIVITY? O Android SDK fornece a classe Java Activity como a base para a implementação de uma tela dentro de um aplicativo. Dentro do código de uma Activity, controlamos o ciclo de vida de uma tela (o que fazer quando ela é criada, encerrada etc.) assim como o que deve acontecer quando o usuário interage com os elementos existentes na mesma (chamamos essas interações de eventos). Um aplicativo com uma única tela possui uma Activity só, como esse que estamos criando, mas é bastante comum possuir várias delas em um mesmo projeto, quando este possuir múltiplas telas. Agora você pode clicar em Finish, aguardar uns segundinhos e ver como é um projeto Android recém-criado!

33 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 45 Na figura 1.27 você pode ter uma ideia do aspecto do Eclipse com um novo projeto Android. Figura 1.27 Eclipse com um novo projeto. São estes os elementos aos quais você deve estar atento: (a) Package Explorer: aqui você vai encontrar seu projeto (Conversor) e as pastas que o compõem. Por enquanto, nós vamos nos preocupar com apenas duas: src, que contém o código-fonte Java do aplicativo, e res\layout, onde fica o arquivo com XML para o layout da tela. (b) activity_main.xml: esta aba mostra a interface atual da nossa tela, dentro do editor de interface. Repare bem neste nome: estamos com o arquivo activity_main.xml aberto, e este fica dentro da pasta layout, que por sua vez está dentro de res! (c) Pallete: a palheta contém os vários widgets que colocamos na tela do nosso aplicativo Android. Os mais usados estão nos grupos Form Widgets (que contêm rótulos de texto e botões) e Text Fields (onde ficam os campos de entrada de texto).

34 46 Desenvolvendo seu primeiro aplicativo Android (d) Graphical Layout activity_main.xml: aqui você pode alternar entre a visualização gráfica da tela (onde nós estamos no momento e podemos simplesmente arrastar os widgets para algum local na tela) e a visualização do arquivo em XML, onde caras durões e corajosos, do tipo Chuck Norris, preferem editar a interface. Obviamente, os acréscimos e mudanças feitos em um refletem diretamente no outro. Como nós não queremos arrumar encrenca pra cabeça e queremos maximizar nossa produtividade, vamos usar o layout gráfico sempre que possível. (e) Outline: uma visualização hierárquica dos widgets existentes na tela. Podemos ver por ele que temos na nossa tela um RelativeLayout e, dentro dele, um TextView (falaremos mais sobre estes widgets em breve). (f) Properties: aqui podem ser vistas e alteradas as configurações do widget atualmente selecionado. Quem conhece o Visual Studio, NetBeans ou o próprio Eclipse com o plugin WindowBuilder instalado já conhece estas famosas janelinhas. WIDGET: MAIS UM TERMO ESTRANHO... Na verdade, este termo estranho, cuja tradução literal seria algo como dispositivo ou mecanismo, é usado para indicar elementos que são usados na criação de interfaces gráficas com o usuário (as famosas GUI Graphical User Interfaces). Portanto, um botão, um rótulo de texto em uma tela gráfica seja ela Android ou Windows são todos widgets. E você achando que se tratava de alguma criatura de um RPG ou de Guerra nas Estrelas Começando pela interface: muito além do simples arrastar e soltar Você pode perceber pela tela da figura 1.27 que estamos com o arquivo activity_main.xml aberto. Este é o arquivo que contém a definição da interface do nosso aplicativo em linguagem XML, ou seja, a especificação dos widgets contidos na tela e suas respectivas configurações (posição, tamanho etc.).

35 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 47 Como estamos começando, vamos editar o layout do nosso aplicativo diretamente pelo editor visual, sem mexer (por enquanto) no código XML. Inicie removendo o rótulo de texto estático (um widget do tipo TextView) que exibe o texto Hello world! na tela existente: clique sobre ele para selecioná-lo e pressione a tecla delete. A TRADIÇÃO DO HELLO, WORLD! Todo estudante de programação conhece o tradicional Hello, world!. Trata-se de uma tradição criar um programa que simplesmente mostra essa mensagem na tela quando se está aprendendo uma nova linguagem (ou a sua primeira linguagem)... Como é um costume mundial, os engenheiros do Android SDK colocaram a mensagem exibida por padrão nas telas iniciais dos aplicativos novos criados dentro do Eclipse. Diz a lenda que o uso desse tipo de programinha começou com o livro The C Programming Language (A Linguagem de Programação C), de Brian Kernighan e Dennis Ritchie, em que um Hello, world! é o primeiro exemplo apresentado para ensinar ao leitor seu primeiro programa em C. Este livro foi lançado em 1978! Ou seja, o Hello, world! já serviu para começar a ensinar mais de uma geração a programar! Estes são os widgets de que vamos precisar (todos ficam na categoria Form Widgets da Palette veja sua localização na figura 1.28): Um TextView de tamanho Médio (Medium), contendo uma mensagem informativa. Um SeekBar, que será usado para especificar a altura em metros, bastando para isso deslizar seu botão com o dedo. Um segundo TextView de tamanho Médio (Medium), logo abaixo do SeekBar, que exibirá o valor correspondente à posição do SeekBar. Um Button, que, ao ser tocado, realizará a conversão. Um último TextView, só que agora Grande (Large), onde será exibida a altura convertida em pés.

36 48 Desenvolvendo seu primeiro aplicativo Android Figura 1.28 Widgets necessários para o aplicativo Conversor. Comece removendo o TextView pequeno com a mensagem Hello world : clique sobre ele e pressione Delete (ou Del) no teclado. Clique sobre o TextView Medium (Figura 1.28) com o botão esquerdo do mouse, mantenha-o pressionado e arraste o widget para o canto superior esquerdo da tela (deixe um pequeno espaço à direita e à esquerda). Note que, à medida que você move o widget pela tela, o Eclipse mostra linhas de guia para que você se oriente com relação ao posicionamento do objeto. Isso acontece pois estamos usando um widget container, que serve para agrupar um conjunto de outros widgets dentro dele de alguma maneira específica. Estes containers são chamados gerenciadores de layout. Estamos usando o default em uma tela do Android, o RelativeLayout (layout relativo). Ele estabelece que todo elemento na tela é posicionado em relação a algum outro. Isso facilita a organização e ajuda na adaptação para tamanhos de tela diferentes. Quando você soltar o TextView na tela, poderá ver pelo Outline (a pequena janelinha no canto superior direito do Eclipse) que o TextView está contido no RelativeLayout, de uma maneira hierárquica (Figura 1.29):

37 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 49 Figura 1.29 Exibição da hierarquia de widgets da tela no Outline. OUTLINE, MAS NÃO OUTLAW (FORA DA LEI) Janelinhas acessórias como o Outline costumam ser tratadas como os renegados das ferramentas de software muita gente nem sabe que eles existem e costumam fechá-los assim que aparecem. Mas espere! Neste caso aqui, o Outline pode ser um grande aliado! Muitas vezes, widgets podem sumir da tela ou ficar em locais onde é difícil clicar sobre eles para selecioná-los. Lembre-se nesse momento do Outline: com ele você pode ser usado para caçar um widget perdido ou de difícil seleção! Uma informação importantíssima de cada widget é seu Id (de identificador). Trata-se de um nome usado para identificá-lo dentro do layout e posteriormente acessá-lo via programação. Todo widget colocado na tela recebe um id automático formado pelo seu tipo iniciado em letras minúsculas (por exemplo, TextView começa com textview, e Button com button) seguido por um número. Um jeito fácil de descobrir o Id de um widget é visualizá-lo no Outline: o seu Id é aquele mostrado ao lado do seu ícone. Também é possível mudar o Id de um widget na tela. Isso é particularmente interessante quando temos mais de um widget do mesmo tipo na tela (como dois ou mais TextView, por exemplo) e precisamos diferenciá-los depois no código. Vamos fazer isso para os dois TextView que mostrarão a altura em metros e depois em pés.

38 50 Desenvolvendo seu primeiro aplicativo Android Antes de adicionar o próximo widget (o SeekBar), vamos trocar o texto que é exibido no TextView para algo mais informativo que simplesmente Medium Text... Para isso, vamos trocar o conteúdo da sua propriedade Text (Texto). Clique sobre ele para selecioná-lo (se ainda não estiver selecionado). No canto inferior direito do Eclipse, fica a janela de propriedades (Properties Figura 1.30). Ela mostra os atributos (ou seja, as configurações) do widget atualmente selecionado. Localize a propriedade Text e mude seu valor para Informe sua altura em metros:, como mostrado na figura Figura 1.30 Mudando a propriedade Text. DICA: Você pode acessar as propriedades mais comuns de um widget clicando com o botão direito do mouse sobre ele! Em alguns casos, esse procedimento é ainda mais fácil que usar a janela Properties.

39 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 51 Depois de digitar o texto e pressionar Enter, você verá o texto atualizado aparecendo no widget. Acrescente agora o SeekBar, posicionando-o logo abaixo do TextView. Para exibir a medida em metros escolhida pela movimentação do SeekBar, precisaremos de um novo TextView. Arraste um TextView Medium para logo abaixo do SeekBar e procure colocá-lo no centro da tela. Em seguida, mude sua propriedade Text para 0,00 m (veja a figura 1.32 para se orientar). Quando o usuário movimentar a bolinha do SeekBar, vamos, por meio da programação em Java, exibir o valor correspondente à sua posição neste TextView de tamanho médio que acabamos de inserir. Por isso, seria interessante mudar seu Id, de algo genérico como textview2 para algo mais significativo. Uma boa ideia de Id seria txtmetros as primeiras três letras minúsculas indicam seu tipo (TextView), e a segunda parte, seu conteúdo! O melhor e mais rápido jeito de mudar o Id é clicar com o botão direito do mouse sobre o widget e selecionar Edit ID no menu. Será exibida a tela da figura 1.31, onde você pode digitar o novo Id: Figura 1.31 Mudando o ID de um widget. Agora podemos passar aos próximos widgets, colocando-os na sequência indicada pela figura No caso dos outros TextView e Button, assim que posicioná-los, modifique sua propriedade Text para exibir o texto mostrado na figura 1.32:

40 52 Desenvolvendo seu primeiro aplicativo Android Figura 1.32 Tela do aplicativo com todos os widgets posicionados. Coloque o último widget, um TextView Large que exibirá a altura convertida em pés, logo abaixo do Button, alinhado à esquerda deste. Preste atenção nas linhas verdes, que mostram a relação do alinhamento com outro widgets. Evite deixar este último TextView alinhado em relação ao TextView que exibe a altura em metros (txtmetros), para evitar surpresas no posicionamento. Não deixe de definir o ID deste último TextView para txtpes, clicando com o botão direito sobre ele e selecionando Edit ID. Pronto! Com isso, completamos a interface da tela do nosso programa. Alternando para a aba de exibição do código XML do arquivo (activity_main. xml), ele deve estar semelhante ao da listagem 1.1:

41 Capítulo 1 Prepare-se para se render ao robozinho verde do Google! 53 RELATIVELAYOUT: NÃO É FUTEBOL, MAS PODE SER UMA CAIXINHA DE SURPRESAS Parece discurso de jogador de futebol no final do jogo, mas é a pura verdade: o utilíssimo RelativeLayout pode se tornar uma verdadeira caixinha de surpresas se você não souber utilizá-lo. Por quê? Bem, como já vimos, esse tipo de layout posiciona um novo elemento em relação a outro já existente. Isso significa que seu posicionamento está diretamente relacionado ao posicionamento do anterior. Ou seja, ao mudar a posição de um elemento, todos aqueles que tiverem sua posição definida em relação a este serão reposicionados e os resultados podem ser os mais variados (e esquisitos) possíveis... Por isso, aí vai uma dica valiosa: procure primeiro rascunhar o seu layout antes de passá-lo para o arquivo XML e somente vá para o próximo elemento quando definir com certeza onde ficará o atual não deixe para reposicioná-lo depois. Listagem 1.1: código do arquivo activity_main.xml <RelativeLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context=".mainactivity" > <TextView android:id="@+id/textview1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentleft="true" android:layout_alignparenttop="true" android:layout_marginleft="36dp" android:layout_margintop="34dp" android:text="informe sua altura em metros:" android:textappearance="?android:attr/textappearancemedium" />