Neste capítulo descrevemos como trabalhar com layouts personalizados, carregados pelo Application Resources, de acordo com características do device

1. Capítulo 11: Melhorando a usabilidade

2. Instrutor
●
Programador desde 2000
●
Aluno de doutorado
●
●
●
●
Mestre em informática pelo
ICOMP/UFAM
Especialista em aplicações
WEB – FUCAPI
marcio.palheta@gmail.com
sites.google.com/site/marcio
palheta
M.Sc. Márcio Palheta

3. Agenda
●
●
Na estrada, até aqui
Aproveitando melhor o espaço da ListView, quando o
device está na Horizontal
●
Application Resources e os Qualifiers
●
Novos layouts para Menu e ListView
M.Sc. Márcio Palheta
3/27

4. Espaço ainda não aproveitado
●
Device na Vertical
●
Device na Horizontal
M.Sc. Márcio Palheta
4/27

5. Espaço ainda não aproveitado
●
Device na Vertical
Podemos exibir mais ícones
● Device
de itens do menu na
Horizontal
M.Sc. Márcio Palheta
5/27

6. Espaço ainda não aproveitado
●
Device na Vertical
Podemos exibir mais ícones
● Device
de itens do menu na
Horizontal
Podemos aproveitar para exibir
Número de telefone e E-mail do aluno
M.Sc. Márcio Palheta
6/27

7. Pensando no assunto
●
●
●
●
A princípio, podemos escrever um XML para ser usado
quando o device está na vertical (já implementado) e
Outro que será usado quando o layout estiver na
horizontal (este ainda não foi implementado)
O nosso desafio é: Como carregar o layout correto, de
acordo com a orientação do dispositivo?
Poderíamos implementar alguns if's para resolver o
problema...
●
Mas o android já tem a solução para esse problema
●
Inclusive, já usamos para escolher imagens da App
M.Sc. Márcio Palheta
7/27

8. Application Resources
●
O Android oferece suporte simples a dispositivos com
diferentes Versões de Android, diversas Densidades e
Tamanhos de tela
●
Qualifiers: representam características do device
●
Qualifiers de Densidade de tela:
–
●
●
●
xhdpi (extrema), hdpi (alta), mdpi (média) e ldpi (baixa)
Pastas qualificadas: drawable-xhdpi ou drawable-mdpi
O Application Resources carrega as imagens, conforme a
densidade da tela do device
Qualifier para orientação horizontal: land
M.Sc. Márcio Palheta
8/27

9. Exercício 01: Novo layout
●
Crie a pasta /res/layout-land e crie o arquivo item.xml
M.Sc. Márcio Palheta
9/27

10. Exercício 01: Novo layout
●
Crie a pasta /res/layout-land e crie o arquivo item.xml
Layout utilizado
M.Sc. Márcio Palheta
10/27

11. Exercício 01: Novo layout
●
Crie a pasta /res/layout-land e crie o arquivo item.xml
M.Sc. Márcio Palheta
11/27

12. Exercício 01: Novo layout
●
Foto do aluno
Crie a pasta /res/layout-land e crie o arquivo item.xml
M.Sc. Márcio Palheta
12/27

13. Exercício 01: Novo layout
●
Foto do aluno
Crie a pasta /res/layout-land e crie o arquivo item.xml
Nome do aluno
M.Sc. Márcio Palheta
13/27

14. Exercício 01: Novo layout - FIM
●
Crie a pasta /res/layout-land e crie o arquivo item.xml
M.Sc. Márcio Palheta
14/27

15. Exercício 01: Novo layout - FIM
Telefone do aluno
●
Crie a pasta /res/layout-land e crie o arquivo item.xml
M.Sc. Márcio Palheta
15/27

16. Exercício 01: Novo layout - FIM
Telefone do aluno
●
Crie a pasta /res/layout-land e crie o arquivo item.xml
E-mail do aluno
M.Sc. Márcio Palheta
16/27

17. Exercício 02: Carregar novos campos
●
Altere o método ListaAlunoAdapter.getView()
M.Sc. Márcio Palheta
17/27

18. Exercício 02: Carregar novos campos
●
Altere o método ListaAlunoAdapter.getView()
M.Sc. Márcio Palheta
18/27

19. Exercício 02: Carregar novos campos
●
Altere o método ListaAlunoAdapter.getView()
M.Sc. Márcio Palheta
19/27

20. Exercício 03: Exibindo mais ícones
●
Crie a pasta qualificada:
–
●
Na pasta nova, crie o
arquivo:
–
●
/res/menu-land
menu_principal.xml
Altere o arquivo com os
dados que estão na
figura ao lado
M.Sc. Márcio Palheta
20/27

21. Execute a aplicação
●
Device na Vertical
M.Sc. Márcio Palheta
21/27

22. Execute a aplicação
●
Device na Vertical
●
Device na Horizontal
M.Sc. Márcio Palheta
22/27

23. Execute a aplicação
●
Device na Vertical
●
Device na Horizontal
M.Sc. Márcio Palheta
23/27

24. Execute a aplicação
●
Device na Vertical
●
Device na Horizontal
M.Sc. Márcio Palheta
24/27

25. O que vem a seguir?
●
Fragments
●
Google Maps
●
GPS
M.Sc. Márcio Palheta
25/27

26. Referências
●
www.caelum.com.br
●
d.android.com
●
●
LECHETA, Ricardo. Google Android, 3a edição,
Novatec, São Paulo, 2013
Código fonte completo:
https://github.com/marciopalheta/cursosandroid
M.Sc. Márcio Palheta
26/27

27. Capítulo 11: Melhorando a usabilidade