Executando o aplicativo Doodlz no AVD do smartphone Nexus

Para testar o aplicativo Doodlz_{, execute os passos a seguir:}

1. Verificando sua configuração. Caso ainda não tenha feito isso, execute os passos

especificados na seção “Antes de começar”, localizada após o Prefácio.

2. Abrindo o Eclipse. Abra a subpasta eclipse da pasta de instalação do Android SDK/ADT Bundle e, em seguida, clique duas vezes no ícone do Eclipse ( ou

, dependendo de sua plataforma).

3. Especificando o local de sua área de trabalho. Quando a janela Workspace Laun- cher _{aparecer, especifique onde gostaria de armazenar os aplicativos que você vai}

criar e, em seguida, clique em OK. Utilizamos o local padrão – uma pasta chamada

workspace em seu diretório de usuário. Uma área de trabalho é uma coleção de projetos, e cada projeto em geral é um aplicativo ou uma biblioteca que pode ser compartilhada entre aplicativos. Cada área de trabalho também tem suas próprias configurações, como o local de exibição das várias subjanelas do Eclipse. É possível ter muitas áreas de trabalho e trocar entre elas para diferentes tarefas de desenvolvi- mento – por exemplo, você poderia ter áreas de trabalho separadas para desenvol- vimento de aplicativos Android, aplicativos Java e aplicativos web, cada uma com

suas configurações personalizadas. Se essa é a primeira vez que você abre o Eclipse, a página Welcome (Fig. 1.14) é exibida.

Figura 1.14 Página Welcome no Eclipse.

4. Ativando o AVD do Nexus 4. Para este teste, vamos usar o AVD do smartpho-

ne Nexus 4 que você configurou para Android 4.4 (KitKat) na seção “Antes de começar” – na Seção 1.9.2, mostraremos o aplicativo em execução em um AVD de tablet. Um AVD pode demorar vários minutos para carregar; portanto, você deve ativá-lo com antecedência e mantê-lo executando em segundo plano, en- quanto está construindo e testando seus aplicativos. Para ativar o AVD do Nexus 4, selecione Window > Android Virtual Device Manager _{a fim de exibir a caixa de diá-}

logo Android Virtual Device Manager (Fig. 1.15). Selecione o AVD do Nexus 4 para

Android KitKat e clique em Start...; em seguida, clique no botão Launch na caixa

de diálogo Launch Options _{que aparece. Não tente executar o aplicativo antes que}

o AVD acabe de ser carregado. Quando o AVD aparecer como mostrado na Fig. 1.16, desbloqueie-o arrastando o cursor do mouse a partir do ícone de cadeado para a margem da tela.

Arraste o cursor do mouse a partir do ícone de cadeado para a margem da tela para desbloquear o AVD

Figura 1.16 Tela inicial do AVD do Nexus 4 (para Android 4.4) quando ele termina de carregar. 5. Importando o projeto do aplicativo Doodlz. Selecione File > Import... para abrir

a caixa de diálogo Import _{(Fig. 1.17(a)). Expanda o nó} General _{e selecione} Existing Projects into Workspace_{; em seguida, clique em} Next > _{para ir ao passo} Import Pro-

a) Caixa de diálogo Import

jects (Fig. 1.17(b)). Clique no botão Browse... à direita da caixa de texto Select root directory. Na caixa de diálogo Browse For Folder, localize a pasta Doodlz na

pasta de exemplos do livro, selecione-a e clique em Open_{. Clique em} Finish _{a fim}

de importar o projeto para o Eclipse. Agora o projeto aparece na janela Package Explorer (Fig. 1.18) no lado esquerdo do Eclipse. Se a janela Package Explorer

não estiver visível, você pode vê-la selecionando Window > Show View > Package Explorer_.

Figura 1.18 Janela Package Explorer.

6. Ativando o aplicativo Doodlz. No Eclipse, clique com o botão direito do mouse

no projeto Doodlz _{na janela} Package Explorer _{e, em seguida, selecione} Run As > An- droid Application (Fig. 1.19). Isso executará o aplicativo Doodlz no AVD que você

ativou no passo 4 (Fig. 1.20).

7. Explorando o AVD e o modo imersivo. Na parte inferior da tela do AVD, existem

vários botões programáveis que aparecem na tela de toque do dispositivo. Você toca neles (usando o mouse em um AVD) para interagir com aplicativos e com o b) Passo Import Projects

da caixa de diálogo Import

Figura 1.19 Ativando o aplicativo Doodlz.

Botão de aplicativos recentes Botão Home Botão voltar

Barra de aplicativo Menu de opções

Barra de status

Barra de navegação

sistema operacional Android. O botão voltar retorna para a tela anterior do aplica- tivo ou para um aplicativo anterior, caso você esteja na tela inicial do atual. O bo- tão Home o leva de volta à tela inicial do dispositivo. O botão de aplicativos recentes permite ver a lista de aplicativos usados recentemente para que você possa voltar a eles rapidamente. Na parte superior da tela está a barra de aplicativo, a qual exibe o ícone e o nome do aplicativo e pode conter outros botões programáveis especí- ficos – alguns aparecem na barra de aplicativo (COLOR e LINE WIDTH na Fig. 1.20)

e o restante aparece no menu de opções do aplicativo ( ). O número de opções na barra de aplicativo depende do tamanho do dispositivo – discutiremos isso no Capítulo 7. O Android 4.4 suporta um novo modo imersivo que permite aos aplicativos utilizar a tela inteira. Neste aplicativo, você pode tocar uma vez na área de desenho branca para ocultar as barras de status e de navegação do dispositivo, assim como a barra de ação do aplicativo. Você pode exibi-las novamente tocando outra vez na área de desenho ou fazendo um pressionamento forte (swipe) a partir da margem superior da tela.

8. Entendendo as opções do aplicativo. Para exibir as opções que não aparecem

na barra de aplicativo, toque (isto é, clique) no ícone do menu de opções ( ). A Figura 1.21(a) mostra a barra de ação e o menu de opções no AVD do Nexus 4, e a Fig. 1.21(b) os mostra no AVD de um Nexus 7 – as opções mostradas na barra de ação aparecem em letras maiúsculas pequenas. Tocar em COLOR _{exibe uma in-}

terface para mudar a cor da linha. Tocar em LINE WIDTH exibe uma interface para

mudar a espessura da linha que vai ser desenhada. Tocar em Eraser configura a cor

de desenho como branca para que, quando você desenhar sobre áreas coloridas, a cor seja apagada. Tocar em Clear _{primeiro confirma se você deseja apagar a ima-}

gem inteira e depois limpa a área de desenho caso a ação não seja cancelada. Tocar em Save Image salva a imagem na galeria (Gallery) de imagens do dispositivo. No

Android 4.4, tocar em Print exibe uma interface para selecionar uma impressora

disponível para imprimir sua imagem ou salvá-la como um documento PDF (o padrão). Você vai explorar cada uma dessas opções em breve.

9. Mudando a cor do pincel para vermelha. Para mudar a cor do pincel, primei-

ramente toque no item COLOR _{na barra de ação a fim de exibir a caixa de diálogo}

Conteúdo do menu de opções do aplicativo Doodlz

– em AVDs de tablets e em tablets, algumas dessas opções podem aparecer diretamente na barra de ação Área de desenho a) A barra de ação e o menu de opções expandido no AVD de um Nexus 4 b) A barra de ação e o menu de opções expandido no AVD de um Nexus 7

Botão Set Color

Barras de escolha para alterar os componentes alfa (transparência), vermelho, verde e azul da cor

Cor atual (vermelha)

Figura 1.22 Mudando a cor de desenho para vermelha.

10. Mudando a espessura da linha. Para mudar a espessura da linha, toque em

LINE WIDTH _{na barra de ação a fim de exibir a caixa de diálogo} Choose Line Width_.

Arraste a barra de escolha da espessura de linha para a direita a fim de tornar a linha mais grossa (Fig. 1.23). Toque no botão Set Line Width para voltar à área de

desenho.

Barra de escolha para espessura de linha A espessura de linha atual na cor de desenho atual (vermelha)

Botão Set Line Width

Figura 1.23 Mudando a espessura da linha.

11. Desenhando as pétalas da flor. Toque na tela para entrar no modo imersivo e,

então, arraste seu “dedo” – o mouse ao usar o emulador – na área de desenho para desenhar pétalas de flor (Fig. 1.24).

Figura 1.24 Desenhando pétalas de flor.

12. Mudando a cor do pincel para verde-escuro. Toque na tela para sair do modo

imersivo e, então, toque em COLOR para exibir a caixa de diálogo Choose Color. Se-

lecione um tom escuro de verde arrastando a barra de escolha Green _{para a direita}

e certificando-se de que as barras de escolha Red e Blue estejam na extremidade

esquerda (Fig. 1.25(a)).

a) Selecionando verde-escuro como cor de desenho b) Selecionando uma linha mais grossa

Figura 1.25 Mudando a cor para verde-escuro e tornando a linha mais grossa.

13. Mudando a largura da linha e desenhando o caule e as folhas. Toque em LINE WIDTH _{para exibir a caixa de diálogo} Choose Line Width_{. Arraste a barra de escolha}

Figura 1.26 Desenhando o caule e a grama.

14. Finalizando o desenho. Toque na tela para sair do modo imersivo. Em seguida,

mude a cor do desenho para azul (Fig. 1.27(a)) e selecione uma linha mais estreita (Fig. 1.27(b)). Depois, toque na tela para entrar no modo imersivo e desenhe os pingos de chuva (Fig. 1.28).

a) Selecionando azul como cor de desenho b) Selecionando uma linha mais fina

Figura 1.28 Desenhando a chuva na nova cor e espessura de linha.

15. Salvando a imagem. Você pode salvar sua imagem no aplicativo Gallery do dis-

positivo selecionando Save _{no menu de opções . Então, pode ver essa e outras}

imagens armazenadas no dispositivo abrindo o aplicativo Gallery_.

16. Imprimindo a imagem. Para imprimir a imagem, selecione Print no menu de

opções. Isso exibe a caixa de diálogo de impressão, a qual, por padrão, permite sal- var a imagem como um documento PDF. Para selecionar uma impressora, toque em Save as PDF e selecione uma das impressoras disponíveis. Se não aparecer uma

impressora na lista, talvez você precise configurar o Google Cloud Print para sua impressora. Para obter informações sobre isso, visite:

http://www.google.com/cloudprint/learn/

17. Retornando à tela inicial. Você pode voltar à tela inicial do AVD clicando no

botão Home ( ) no AVD. Para ver o desenho no aplicativo Gallery_{, toque em}

para exibir a lista de aplicativos instalados no AVD. Então, você pode abrir o aplicativo Gallery para ver o desenho.