Bem-vindo, mais uma vez,

ao curso de Introdução ao Desenvolvimento de Aplicativos Android.

Estamos na terceira aula deste módulo e já criamos código que executa

dispositivos móveis.

Entretanto, o código que fizemos se comunica apenas com o console do Android.

Isso quer dizer que o nosso usuário não vai nem sequer notar que alguma coisa foi

realmente foi computada.

Isso ocorre, porque usamos apenas dos aspectos de uma activity, que é

a possibilidade de efetuar algum tipo de processamento usando o código Java.

Entetanto, não fizemos uso de segundo aspecto,

que é a capacidade de interagir com o usuário.

Uma activity nos fornece uma tela por meio da qual nós podemos enviar

informações para o usuário e receber uma entrada por meio das views,

que são elementos que adicionamos à interface gráfica como edit texts,

list views, spinners e muitos outros.

A interface gráfica de uma activity é definida código XML e o código

Java atua por trás dos panos para definir o que deve ser mostrado ao usuário.

Sempre que inserimos uma activity no nosso código,

estamos inserindo uma tela de comunicação com o usuário, sendo que podemos trocar de

telas como bem entendermos para gerenciar o que o usuário está vendo.

A relação entre activity e tela é tão forte que as

duas palavras costumam ser usadas indistintamente.

Eu posso usar a palavra tela quando quiser falar de uma activity e posso usar o termo

activity quando quiser falar de uma tela.

Eu vou fornecer agora algumas noções básicas sobre como o desenho na tela é

feito.

Vamos ao código.

Num código para Android,

é muito comum usarmos a linguagem XML para criar a interface gráfica.

Esses códigos XML serão inflados classes Java, posteriormente.

XML significa Extensible Markup Language e,

caso você tenha uma ideia de HTML,

então você não terá problemas entender o que é XML.

Primeiramente, vejamos onde podemos colocar o código XML.

Ele está acessível usando a estrutura de arquivos do lado esquerdo da IDE

dentro da pasta res, r-e-s, e dentro da subpasta layout.

Observem aqui o código XML que gera uma tela com o texto Hello world.

De maneira geral, entenda que o XML organiza as informações

usando tags, que são esses blocos delimitados por parênteses angulares.

Você utiliza as tags para fazer marcações.

Por exemplo, a tag TextView é uma marcação que indica que uma caixa de texto

será adicionada na interface gráfica.

A tag inicia com o parêntese angular de abertura seguido do identificador

TextView e termina lá embaixo com uma barra e outro parêntese angular.

O Android verá essa tag TextView e entenderá que precisa adicionar uma

caixa de texto seguindo as configurações detalhadas na própria marcação.

Observem que uma maração pode possuir outras marcações encadeadas,

como é o caso da marcação RelativeLayout,

que possui a tag TextView como uma marcação interna.

Nesse caso,

precisamos de uma outra maneira para delimitar o alcance dessa marcação.

A marcação é iniciada com os parênteses angulares, sendo que não estamos usando

aqui a barra para fechar o parêntese angular do modo como fizemos na textview.

A ausência dessa barra indica que a marcação ainda não terminou.

Nesse caso, para finalizar a marcação precisamos escrever novamente o

identificador delimitado pelos parênteses angulares e iremos também colocar a barra,

mas, agora, ela será posicionada na frente do identificador.

Nesse caso, temos a abertura de parêntese, seguido da barra, seguido

do nome do identificador e finalmente seguido de fechamento de parênteses.

A última coisa que precisamos entender sobre

XML é que as marcações podem possuir atributos.

Lembrando sempre que o valor atribuído ao atributo deve sempre estar entre aspas.

No caso específico do Android, já existe esquema

de XML que fixa tanto os identificadores usados nas tags quanto nos atributos.

Por exemplo, você não pode inventar nomes para as tags e

nomes para os atributos, porque não será gerado XML válido para o Android.

Você terá que memorizar os identificadores das tags e os atributos principais.

A boa notícia é que esses atributos se repetem com uma certa

frequência e o aprendizado ocorrerá quase que por osmose.

Por exemplo, notem que os atributos layout_width e

layout_height apareceram nas duas tags deste nosso exemplo.

Agora que vocês estão começando a programar para Android,

é aceitável utilizar o Android Studio para gerar o código XML para vocês.

Vocês podem clicar na aba design, que está embaixo da janela e

arrastar os componentes da paleta para essa representação gráfica do programa.

Isso gerará o código XML correspondente.

Assim, você poderá ver o código XML e aprender as

principais construções para depois tentar escrever diretamente no

código XML.

Interface gráfica em XML

Introdução ao Desenvolvimento de Aplicativos Android

Rencontrer les enseignants