Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Capítulo 11: Melhorando a usabilidade
Instrutor
●

Programador desde 2000

●

Aluno de doutorado

●

●

●

●

Mestre em informática pelo
ICOMP/UFAM
Especialista...
Agenda
●

●

Na estrada, até aqui
Aproveitando melhor o espaço da ListView, quando o
device está na Horizontal

●

Applica...
Espaço ainda não aproveitado
●

Device na Vertical

●

Device na Horizontal

M.Sc. Márcio Palheta

4/27
Espaço ainda não aproveitado
●

Device na Vertical

Podemos exibir mais ícones
● Device
de itens do menu na

Horizontal

M...
Espaço ainda não aproveitado
●

Device na Vertical

Podemos exibir mais ícones
● Device
de itens do menu na

Horizontal

P...
Pensando no assunto
●

●

●

●

A princípio, podemos escrever um XML para ser usado
quando o device está na vertical (já i...
Application Resources
●

O Android oferece suporte simples a dispositivos com
diferentes Versões de Android, diversas Dens...
Exercício 01: Novo layout
●

Crie a pasta /res/layout-land e crie o arquivo item.xml

M.Sc. Márcio Palheta

9/27
Exercício 01: Novo layout
●

Crie a pasta /res/layout-land e crie o arquivo item.xml

Layout utilizado

M.Sc. Márcio Palhe...
Exercício 01: Novo layout
●

Crie a pasta /res/layout-land e crie o arquivo item.xml

M.Sc. Márcio Palheta

11/27
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

...
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...
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
Exercício 01: Novo layout - FIM
Telefone do aluno

●

Crie a pasta /res/layout-land e crie o arquivo item.xml

M.Sc. Márci...
Exercício 01: Novo layout - FIM
Telefone do aluno

●

Crie a pasta /res/layout-land e crie o arquivo item.xml

E-mail do a...
Exercício 02: Carregar novos campos
●

Altere o método ListaAlunoAdapter.getView()

M.Sc. Márcio Palheta

17/27
Exercício 02: Carregar novos campos
●

Altere o método ListaAlunoAdapter.getView()

M.Sc. Márcio Palheta

18/27
Exercício 02: Carregar novos campos
●

Altere o método ListaAlunoAdapter.getView()

M.Sc. Márcio Palheta

19/27
Exercício 03: Exibindo mais ícones
●

Crie a pasta qualificada:
–

●

Na pasta nova, crie o
arquivo:
–

●

/res/menu-land
...
Execute a aplicação
●

Device na Vertical

M.Sc. Márcio Palheta

21/27
Execute a aplicação
●

Device na Vertical

●

Device na Horizontal

M.Sc. Márcio Palheta

22/27
Execute a aplicação
●

Device na Vertical

●

Device na Horizontal

M.Sc. Márcio Palheta

23/27
Execute a aplicação
●

Device na Vertical

●

Device na Horizontal

M.Sc. Márcio Palheta

24/27
O que vem a seguir?
●

Fragments

●

Google Maps

●

GPS

M.Sc. Márcio Palheta

25/27
Referências
●

www.caelum.com.br

●

d.android.com

●

●

LECHETA, Ricardo. Google Android, 3a edição,
Novatec, São Paulo,...
Capítulo 11: Melhorando a usabilidade
Prochain SlideShare
Chargement dans…5
×

Capítulo 11 - Melhorando a usabilidade com qualifiers

2 709 vues

Publié le

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

Publié dans : Formation
  • Soyez le premier à commenter

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

×