Tutorial Android #3 – Aprimorando o Formulário

Olá pessoal! Hoje, dando continuidade aos nossos tutoriais sobre desenvolvimento para Android, vamos continuar com a nossa aplicação da Lista de Restaurantes. No post de hoje, vamos melhorar a aparência do nosso formulário, alterando seu layout para o estilo TableLayout.

Abra o arquivo main.xml dentro do diretório res/layout e edite-o, deixando-o dessa forma:

Podemos perceber que o código ficou bem mais “enxuto” nesta versão. O TableLayout é útil para formulários onde deseja-se tamanhos padronizados tanto de largura quanto de altura para os itens. Nos parâmetros deste layout, temos o novo elemento android:stretchColumns, dizendo que o tamanho das colunas deve-se adaptar ao conteúdo, ajustando suas dimensões. Como trata-se de uma tabela, obtemos a posição esteticamente alinhada dos itens.

O item filho do TableLayout são os itens TableRow, onde cada item inserido entre suas tags são inseridos como uma coluna. Consequentemente, cada TableRow (como o próprio nome nos diz), representa uma linha da tabela.

Por fim, inserimos o item Button separadamente, sem definirmos a linha (TableRow), para que ele ocupe toda a extensão horizontal. Assim, nosso formulário vai parecer com isso:

Continuando, vamos começar a fazer uma alteração para inserirmos  uma classificação por categoria nos nossos restaurantes. Vamos, então, adicionarmos alguns itens do tipo RadioButton (aqueles botões marcadores) em nosso formulário. Continuando as modificações no main.xml, adicione os itens RadioGroup e RadioButton, conforme o código:

Para o elemento RadioGroup, definimos o atributo identificador, no exemplo definido como tipos, que será o meio pelo qual iremos acessá-lo no código-fonte Java. Internamente a esse elemento, temos definido um TextView que exibirá o texto Tipo e os elementos do tipo RadioButton propriamente ditos. Em nosso exemplo, definimos os botões Rodízio (rodizio), Fast Food (fast_food) e A Domicílio (a_domicilio).

O próximo passo é obtermos tal opção no código-fonte Java. Primeiramente, precisamos modificar nossa classe Restaurante para abrigar o tipo. Vamos definir um atributo chamado tipo e seus métodos get e set. A classe Restaurante ficará assim:

Agora vamos alterar o código da nossa Activity, para obtermos a opção selecionada pelo usuário. Dentro do método onClick, vamos adicionar um trecho de código puxando os dados do RadioGroup e verificando seu status de acordo com a opção selecionada. O código fica assim:

Obtemos o elemento tipos da mesma forma que fizemos para nome e endereco, utilizando o método findViewById(). Logo após isso, fazemos um switch com o conteúdo do método getCheckedRadioButtonId(), de acordo com o id de cada um dos botões definidos por nós. Ao final, nosso formulário estará assim:

Pra quem não conseguiu acompanhar ou teve problemas, o projeto pode ser baixado aqui.

Bom pessoal, é isso! Espero que estejam gostando dos posts. Comentem, deixem sugestões e participem do blog, afinal, ele é feito pra vocês leitores!

Até a próxima! 🙂

5 comentários sobre “Tutorial Android #3 – Aprimorando o Formulário

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.