Section outline
-
-
Students mustMark as done
O que vamos aprender?
● Conhecer o uso do Constraint Layout para organizar a interface.
● Trabalhar com alinhamentos e linha de base entre componentes.
● Aplicar o recurso de Chains para distribuir elementos na tela.
● Configurar o Padding e Margin corretamente.
● Utilizar as unidades de medida (dp e sp).
● Verificar o design em orientação de tela retrato ou paisagem.
● Inserir e ajustar ícones e imagens em layouts.
● Explorar componentes de textos (TextView, EditText, etc).
Objetivo da unidade: Compreender os principais recursos de interface gráfica no Android Studio, aprendendo a organizar elementos visuais, aplicar boas práticas de layout e inserir componentes básicos que permitem estruturar a tela de um aplicativo.
referências:
https://developer.android.com/develop/ui/views/layout/constraint-layout?hl=pt-br
https://www.geeksforgeeks.org/android/constraintlayout-in-android/
-
Students mustMark as done
Elementos de Interface 1 - (13:21 min)
-
Students mustMark as done
Elementos de Interface 2 - (16:15 min)
-
Students mustMark as done
Elementos de Interface 3 - (9 min)
-
Students mustMark as done
👉 Após ter assistido os vídeos, teste os recursos vistos para aprendizado e familiarização com a maneira de interagir com o ambiente gráfico, componentes e tipos de alinhamento. É muito importante esse conhecimento básico sobre os componentes de interface para o início do desenvolvimento de aplicativos. A seguir faça as duas atividades desta semana descritas após o texto.
-
Atividade 7 - Interação com componentes de Interface AssignmentOpened: Wednesday, 28 January 2026, 12:00 AMDue: Tuesday, 3 February 2026, 11:59 PM
Atividade 7 - Interação com componentes de Interface.
Esta atividade tem por finalidade verificar se conseguiu compreender os principais recursos de interface gráfica no Android Studio, aprendendo a organizar elementos visuais, aplicar boas práticas de layout e inserir e configurar componentes básicos que permitirão estruturar a tela de um aplicativo. Nossa finalidade é que conheça o uso do constraint layout para organizar a interface, trabalhar com alinhamentos de maneira correta, configurar padding e margin corretamente, conhecer e utilizar as unidades de medida, inserir e ajustar icones e imagens, etc
🕙 Dedicação: 1h45m
📆 Prazo: 12/10 (23:59)
✔️ Critérios de Avaliação:
- Se enviou o conteúdo solicitado
- Crie uma tela onde será exibido um perfil de uma pessoa contendo:
- Imagem do Perfil (ao topo, centralizada)
- Título: Perfil - Dados Básicos
- Campos para inserção de texto (Nome e Email)
- Um grupo de três Botões (Salvar / Limpar / Próxima Tela) utilizando chain horizontal e com ícones
- Margens e paddings consistentes: textos legíveis, elementos corretamente dimensionados.
(Importante: Não é necessário implementar a funcionalidade dos botões - por ora estamos avaliando somente o design)
O que enviar ? Um único arquivo pdf contendo:
- O conteúdo do arquivo activity_main.xml
- foto ou print da tela do emulador ou do dispositivo fixo
- print da tela de desenvolvimento onde seja visível a árvore de componentes (Component Tree)
-
Opened: Wednesday, 28 January 2026, 12:00 AMDue: Tuesday, 3 February 2026, 11:59 PMStudents mustMark as done
Atividade 8 - Pesquise e Responda:
Que recursos de CONFIGURAÇÕES o projeto que você fez deveria ter para ser considerado um app baseado em DU?
Importante caso utilizem :
Orientações Éticas e Boas Práticas sobre o uso de ferramentas de IA (ChatGPT, Gemini, Copilot, etc)
- Sempre revisar e validar o conteúdo gerado.
- Não copiar respostas sem citar a fonte (plágio).
- Evitar dados inventados ou referências falsas.
- Utilizar essas ferramentas como apoio à aprendizagem, e não como substituto do pensamento crítico.
- Se forem utilizar, citar que usou e citar a fonte de pesquisa no final to texto.
Grave um arquivo com a extensão PDF e poste aqui na plataforma.
🕙 Dedicação: 30m
📆 Prazo: 12/10 (23:59)
✔️ Critérios de Avaliação:
- Se enviou o conteúdo solicitado
- Se respondeu coerentemente a questão apresentada
- Se produziu um texto coeso e claro
-
Background Colour
Font Face
Font Kerning
Font Size
Image Visibility
Letter Spacing
Line Height
Link Highlight
Text Alignment
Text Colour
Paragraph Width