Android, interface gráfica

1. INTERFACE GRÁFICA
Arthur Emanuel de Oliveira Carosia

2. Recapitulando
2
 Activity
 Intent
 Layout, Widgets, Temas

3. Recapitulando
3
 Activity
 Intent
 Layout, Widgets, Temas

4. Layouts, Widgets e Temas
4
 O elemento fundamental de uma interface gráfica na
plataforma Android é a View.
 A partir dela é que são derivados todos os demais
elementos e os Widgets mais complexos.

5. Layouts, Widgets e Temas
5
 ViewGroup,
 Possibilidade de conter outras Views e é a base para
todas as classes que constituem layouts.

6. Layouts, Widgets e Temas
6
 Criação de estilos e temas para personalizar a
sua aplicação.
 Semelhante a folhas de estilo CSS e design para web
 Para definir um estilo, basta criar um XML em
res/values/ definindo as propriedades desejadas

7. Layout
7
 LinearLayout:
 permite a organização dos elementos de forma linear,
posicionando:
 itens um abaixo do outro, quando configurado com orientação
vertical,
 um ao lado do outro, quando configurado com orientação
horizontal.

8. LinearLayout
8

9. LinearLayout
9
• layout_height, que indica a sua altura
Valores importantes: match_parent (tamanho deve ser o mesmo que o
do elemento-pai) e wrap_content (o tamanho deve ser grande o
sufciente para abrigar o conteúdo a ser exibido)
• gravity="center_vertical“
Ele indica que o layout deve ficar centralizado verticalmente na tela
• orientation: orientação da tela

10. ImageView, TextView, EditText
10

11. ImageView, TextView, EditText
11

12. ImageView, TextView, EditText
12

13. ImageView, TextView, EditText
13

14. ImageView, TextView, EditText
14

15. ImageView, TextView, EditText
15
Number,
phone,
date,
time, ...

16. Button
16

17. Button
17

18. RelativeLayout
18
 Um dos mais poderosos e versáteis disponíveis
na plataforma Android, permite posicionar um
elemento em um local relativo a outro
componente.

19. RelativeLayout
19
 Um dos mais poderosos e versáteis disponíveis
na plataforma Android, permite posicionar um
elemento em um local relativo a outro
componente.

20. RelativeLayout
20

21. RelativeLayout
21

22. RelativeLayout
22

23. RelativeLayout
23

24. RelativeLayout
24

25. Exercício – Parte 1
25
 Desenvolver uma aplicação que possua as seguintes
Activities.
 A primeira Activity possui os seguintes elementos:
 Tela de abertura do sistema com o nome do sistema.
 Uma imagem identificando o sistema e três botões, que
levam a três activities distintas:
 Login
 Leva à tela de login já desenvolvida.
 Cadastro
 Leva a uma tela de cadastro pedindo os seguintes elementos: Nome
completo, Endereço, Número, CEP e Complemento. Ao clicar no
botão ok, verificar se o conteúdo de todos os campos não está em
branco e exibir um Toast com o resultado da verificação.
 Sobre
 Nome do aluno desenvolvedor e dados cadastrais. Além disso,
possui um botão que leva à página do IFSP SBV.

26. Exercício – Parte 2
26
 Utilizar neste exercício:
 Linear Layout na tela de abertura
 Relative Layout na tela de cadastro

27. Outros elementos
27
 TableLayout
 ScrollView
 RadioGroup
 DatePicker
 Spinner
 ListView
 Menu
 AlertDialog
 ProgressDialog e ProgressBar
 Etc.

28. Referências
28
 Google Android. Crie Aplicações para
Celulares e Tablets. Monteiro, J. Bosco. Casa
do Código.
 Desenvolvimento Mobile com Android. K19
Treinamentos.
 Android Developers. Disponível em:
http://developer.android.com/.