[Aula 02] Explorando a Interface do Usuário (UI) do Android
Agenda:
Compreendendo a relação entre UI e UX no Android.
Decifrando o XML: a linguagem por trás dos designs.
Os blocos de construção da UI: botões, campos de texto e imagens.
Entendendo os layouts e como organizam seus elementos.
Dando vida aos elementos: adicionando interatividade.
1. Introdução à UI no desenvolvimento Android
O que é UI? UI, ou Interface do Usuário, refere-se aos pontos de interação entre o usuário e um dispositivo, como botões, barras de progresso e sliders.
UI vs UX: Enquanto UI foca na interface, UX, ou Experiência do Usuário, refere-se à experiência total que um usuário tem ao interagir com um produto.
2. Conhecendo o XML e sua relação com a interface
O que é XML? XML é uma linguagem de marcação usada para descrever a estrutura dos dados. No Android, usamos XML para definir layouts.
activity_main.xml: Este arquivo, que você explorou na aula anterior, é escrito em XML.
XML é sensível ao caso! Tenha certeza de que está usando a capitalização correta para seus elementos e atributos.
3. Design básico: botões, textos e imagens
Botões (
Button): Elementos clicáveis que realizam uma ação.Campos de Texto (
EditText): Permita que os usuários insiram texto.Imagens (
ImageView): Mostra imagens na sua aplicação.
4. Layouts no Android: Linear, Relative e Constraint
Linear Layout: Organiza os elementos em uma linha ou coluna.
Relative Layout: Organiza os elementos em relação uns aos outros ou ao pai.
Constraint Layout: É o layout mais flexível e poderoso, permitindo que você crie interfaces complexas sem aninhar vários grupos.
Constraint Layout é altamente recomendado para designs modernos devido à sua flexibilidade e otimização de desempenho.
Last updated