Capítulo 11 - Melhorando a usabilidade com qualifiers

2,429 views
2,367 views

Published on

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

Published in: Education

Capítulo 11 - Melhorando a usabilidade com qualifiers

  1. 1. Capítulo 11: Melhorando a usabilidade
  2. 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. 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. 4. Espaço ainda não aproveitado ● Device na Vertical ● Device na Horizontal M.Sc. Márcio Palheta 4/27
  5. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 17. Exercício 02: Carregar novos campos ● Altere o método ListaAlunoAdapter.getView() M.Sc. Márcio Palheta 17/27
  18. 18. Exercício 02: Carregar novos campos ● Altere o método ListaAlunoAdapter.getView() M.Sc. Márcio Palheta 18/27
  19. 19. Exercício 02: Carregar novos campos ● Altere o método ListaAlunoAdapter.getView() M.Sc. Márcio Palheta 19/27
  20. 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. 21. Execute a aplicação ● Device na Vertical M.Sc. Márcio Palheta 21/27
  22. 22. Execute a aplicação ● Device na Vertical ● Device na Horizontal M.Sc. Márcio Palheta 22/27
  23. 23. Execute a aplicação ● Device na Vertical ● Device na Horizontal M.Sc. Márcio Palheta 23/27
  24. 24. Execute a aplicação ● Device na Vertical ● Device na Horizontal M.Sc. Márcio Palheta 24/27
  25. 25. O que vem a seguir? ● Fragments ● Google Maps ● GPS M.Sc. Márcio Palheta 25/27
  26. 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. 27. Capítulo 11: Melhorando a usabilidade

×