Guia Completo Android - TexView EditText e Button

Usando TextView, EditText e Button na prática.

Neste post iremos criar um aplicativo Android básico utilizando apenas três componentes de layout, muito comuns para criar formulários de entrada de dados e interação com o usuário dos aplicativos.


Irei lhe ensinar sem complicações como utilizar o TextView, EditText e o Button.


Além desse post, eu gravei uma aula em vídeo onde criamos um simples aplicativo Android utilizando os componentes já comentados.

TextView

O TextView é utilizado quando desejamos adicionar mensagens de texto em uma tela. O TextView tem diversas propriedades que permitem trocar o tamanho da fonte, a cor, o alinhamento, espaçamento, etc.

Exemplo

Neste exemplo, podemos visualizar uma tela onde adicionamos um texto, centralizado na cor verde aplicando o componente TextView.

Código XML - TextView

Podemos ver na imagem exemplo onde temos o código XML utilizado para adicionar um TextView à uma tela. Observe que podemos customizar a saída, como exemplificado com as seguintes TAGs XML.

• android:gravity: Centralizamos o texto
• android:textColor: Adicionamos uma cor ao texto
• android:textSize: Ajustamos o tamanho da fonte do texto
• android:text: Atribuímos o texto a ser apresentado.

EditText

O EditText é utilizado quando desejamos adicionar campos em uma tela para permitir que o usuário informe dados para o aplicativo. Assim como o TextView o EditText tem diversas propriedades que permitem trocar o tamanho da fonte, a cor, o alinhamento, espaçamento, etc.

Exemplo

Neste exemplo, podemos visualizar uma tela onde adicionamos um campo para receber o nome do usuário aplicando o componente EditText.

Código XML - EditText

Podemos ver na imagem exemplo onde temos o código XML utilizado para adicionar um EditText à uma tela. Assim como foi demonstrado para o TextView, também podemos customizar a saída do EditText,  como exemplificado com as seguintes TAGs XML.

• android:"@+id/editNome": Estamos atribuindo um ID, um identificados para esse campo.
• android:hint: Atribuímos uma sugestão para o campo.
• android:margin: Foi atribuído uma margem de 10dp para o componente.

android:"@+id/editNome"

Todo componente de layout pode receber um ID que permitirá adicionar programação ao componente em questão, como por exemplo o ID android:"@+id/editNome" define editNome. 

Podemos pegar o texto digitado para esse campo utilizado o ID editNome.

Assista o vídeo desse post para ver na prática a aplicação do ID.

Button

O Button é utilizado quando desejamos capturar uma ação na tela, como por exemplo salvar os dados, editar ou deletar. 

Exemplo

Código XML - Button

Para o exemplo e código XML, posso dispensar o comentário já que o princípio é o mesmo para TextView e EditText.

Observe que para os componentes TextView, EditText e Button, os atributos para customizar cada um são comuns entre eles. Isso torna o aprendizado para criar tela, cada vez mais interessante e rápido, já que se aprendemos usar um componente, serão grandes as chances de aplicamos o conhecimento aos demais componentes.

Guia Completo Android

Meu objetivo com esse post, que é o primeiro para o Guia Completo Android é disponibilizar exemplos reais, de fácil entendimento relacionados com toda a API Android. Para cada post, irei gravar um vídeo explicando e demonstrando em detalhes a aplicação dos conceitos falados aqui no Guia.

Aulas VIP on-line

Se você tem interesse em contratar aulas VIP on-line comigo, entre e contato.

Curso Android on-line com Certificado

Conheça meus cursos on-line acessando http://www.marcomaddo.com.br

Bons estudos,

Professor Marco Maddo