Vamos nesse exato momento criar um dispositivo virtual que irá executar as nossas aplicações Android. Para criarmos um dispositivo basta clicarmos no botão (...) presente ao lado do campo “Android virtual device”, conforme indica a figura a seguir :
Criando um novo dispositivo
68
Feito isso será aberta a seguinte caixa de diálogo abaixo :
Android Virtual Device Manager
Vamos clicar agora no botão “Create a virtual device”. Feito isso será aberta a seguinte tela :
69
Virtual Device Configuration
Na guia “Category” vamos deixar marcado a opção “Phone”, conforme é mostrado na figura a seguir :
Escolhendo a categoria
70
Como modelo de smatphone utilizado para executar as nossas aplicações selecione a opção “3.2 QVGA (ADP2)”,conforme indicado na figura abaixo :
Selecionado o modelo
Agora vamos clicar no botão “Next” para avançarmos para a próxima etapa, conforme indica a próxima figura:
Virtual Device Configuration
71
Muito bem, nesta seção escolhemos o sistema Android que iremos utilizar , que no caso será o que baixamos através do Android SDK (a versão 4.0.3 Ice Cream Sandwish). Primeiramente, certifique-se de que a opção “Show downloadable system images” ESTA DESMARCADA, se estiver marcada, DESMARQUE (já que não iremos fazer nenhum donwload de imagem nenhuma) :
Deixar esta opção DESMARCADA
Já que iremos fazer do sistema de imagem do Android 4.0.3 que baixamos, basta simplesmente clicarmos em “Next” para avançarmos para a próxima tela, conforme mostra a figura a seguir :
Virtual Device Configuration
No campo “ADV Name” vamos especificar o nome do nosso dispositivo virtual, que se chamará “Emulador” . Logo, vamos digitar “Emulador” (sem aspas, é claro).
72
As demais configurações vamos deixá-las como está (default). Feito isso, vamos clicar no botão “Finish” para que o nosso dispositivo virtual possa ser gerado. Vejamos a figura abaixo :
Dispositivo virtual criado
Agora vamos fechar a janela da figura acima e em seguida na caixa de diálogo “Choose Device” vamos selecionar o nosso emulador criado, conforme podemos ver na figura seguinte :
73
Selecionando o emulador
Depois de selecionarmos o emulador a ser executado basta clicarmos no botão “OK”. Feito isso nosso emulador irá executar, conforme mostra a figura seguinte :
74
Emulador do Android em Execução
No início da execução do emulador mostra o título Android, conforme você vê na figura acima. Depois vem um outro título escrito “Android”, um pouco maior e cinza , com uma animação. Esse processo normalmente demora em torno de 2 a 10 minutos (dependendo da sua máquina. É recomendável que você tenha no mínimo 1GB de memória e um processador bem rápido para um bom desempenho da execução) para a aplicação ser exibida, mesmo sendo essa aplicação algo muito simples.
Passado o tempo que citei acima, será mostrada a nossa aplicação em execução, conforme podemos ver na figura seguinte:
75
Emulador do Android em Execução
Esse emulador já vem com uma série de recursos como Navegador, Aplicações de demonstração, Mapas, Lista de contatos e etc.
Se você neste exato momento fechou o emulador após a execução da aplicação, vou te dizer uma coisa: “Não era para você ter feito isso”. Se você esperou muito tempo para ver essa aplicação em execução, ao executar novamente a aplicação, possivelmente você vai esperar o mesmo tempo. Ao executar pela primeira vez o emulador, e caso vá executar outros programas, minimize o emulador ao invés de fechar, pois se você esperou muito tempo para executar esse programa, com ele minimizado, ao executar outro programa, o Android Studio vai fazer uso do emulador já aberto em vez de abrir outro, com isso a aplicação levará em torno de 7 a 12 segundos em média para ser executada. Nunca esqueça isso!
76
Bom, vamos fazer algumas modificações em nossa aplicação. Minimize o emulador e vamos no projeto. Para começar vamos mudar o texto que está sendo exibido na tela. Selecione o texto (componente TextView), conforme demonstra a figura seguinte:
Componente selecionado
Se observarmos no lado direito, temos as propriedades do componente selecionado, conforme demonstra a figura seguinte:
Propriedades do componente selecionado (TextView)
77
Para alterarmos o conteúdo do texto, devemos alterar a propriedade “text” (conforme você pode ver na figura acima). Se você observar, o conteúdo que está dentro dessa propriedade é “@string/hello_world”. Mas espere ai, o que significa esse expressão se o conteúdo que está sendo exibido é uma frase ? Essa expressão significa que o conteúdo exibido na tela está dentro de uma “constante”.
Quando vimos a estrutura de um projeto Android, nós conferimos que dentro dele existe um diretório chamado “values”, onde dentro do mesmo havia um arquivo que guardava constantes em geral certo ? Esse arquivo é o “strings.xml”. Dentro desse arquivo existe uma constante chamado “hello_world” que armazena a seguinte frase “Hello World”, logo, o conteúdo exibido por esse componente na tela na verdade é o conteúdo da constante “hello_world”, situado dentro do arquivo “strings.xml”, por isso o uso da notação “@string/hello_world”.
Vamos abrir o arquivo “strings.xml” para visualizarmos seu conteúdo, conforme demonstra a figura seguinte :
O arquivo “strings.xml”
Se observamos o conteúdo dele, temos disponíveis 3 constantes “pré-definidas” e uma delas e a constante “hello_world”.
Na estrutura XML do arquivo “strings.xml” vamos adicionar uma nova constante chamada “frase”, com o seguinte conteúdo “Estou aprendendo Android”. Veja como ficará conforme indica a figura seguinte :
78
Constante criada
Agora vamos voltar para o arquivo “activity_hello.xml” simplesmente clicando na guia de arquivos, conforme demonstra a figura seguinte:
A guia “actitivy_hello.xml”
Agora vamos na propriedade “text” e em seguida clique no botão (...) que está aparecendo ao lado do conteúdo da propriedade. Veja abaixo :
Alterando o conteúdo da propriedade
79
Feito isso será aberta a seguinte caixa de diálogo abaixo :
Caixa de diálogo – Resources
Observe que nessa caixa de diálogo temos todas as constantes que existem dentro do arquivo “strings.xml”, incluindo a nossa constante “frase” que acabamos de criar. Vamos selecionar a nossa constante e em seguida clique no botão “OK”. O resultado você confere em seguida :
Conteúdo modificado
80
Depois de alterar o conteúdo da TextView vamos executar novamente a aplicação, podemos fazer isso realizando o mesmo procedimento já explicado anteriormente. Possivelmente ao executar a aplicação novamente, deverá ser exibida essa caixa de diálogo :
Caixa de diálogo – Choose Device
Bom, vamos continuar a usar o emulador que já está aberto (identificado por “emulator-5554”, no campo “Serial Number”). Vamos marcar a opção “Use same device for future launches” :
Marcar esta opção
Depois de marcar, clique em “OK” para executarmos a nossa aplicação. Vejamos o resultado :
81
Aplicação em execução
Toda tela de uma aplicação é uma estrutura de layout que permite organizar e distrbuir os componentes nela inseridos conforme a nossa necessidade. A estrutura de layout dessa versão do Android SDK, que e inserida por padrão toda vez que criamos este um projeto em Android, é a “RelativeLayout”. Essa estrutura permite que os componentes nela inseridos possam ser organizados e distribuídos de forma “relativa” a outros componentes presentes também na tela.
A estrutura RelativeLayout
Comentários
Postar um comentário