Capítulo 11: Melhorando a usabilidade

(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

●

[email protected]

●

sites.google.com/site/marcio

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

(4)

Espaço ainda não aproveitado

●

Device na Vertical

^●

Device na Horizontal

(5)

Espaço ainda não aproveitado

●

Device na Vertical

Podemos exibir mais ícones ^●

Device na Horizontal

de itens do menu

(6)

Espaço ainda não aproveitado

●

Device na Vertical

^●

Device na Horizontal

Podemos aproveitar para exibir Número de telefone e E-mail do aluno Podemos exibir mais ícones

de itens do menu

(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

(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

(9)

Exercício 01: Novo layout

●

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

(10)

Exercício 01: Novo layout

●

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

Layout utilizado

(11)

Exercício 01: Novo layout

●

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

(12)

Exercício 01: Novo layout

●

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

Foto do aluno

(13)

Exercício 01: Novo layout

●

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

Foto do aluno

Nome do aluno

(14)

Exercício 01: Novo layout - FIM

●

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

(15)

Exercício 01: Novo layout - FIM

●

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

Telefone do aluno

(16)

Exercício 01: Novo layout - FIM

●

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

Telefone do aluno

E-mail do aluno

(17)

Exercício 02: Carregar novos campos

●

Altere o método ListaAlunoAdapter.getView()

(18)

Exercício 02: Carregar novos campos

●

Altere o método ListaAlunoAdapter.getView()

(19)

Exercício 02: Carregar novos campos

●

Altere o método ListaAlunoAdapter.getView()

(20)

Exercício 03: Exibindo mais ícones

●

Crie a pasta qualificada:

–

/res/menu-land

●

Na pasta nova, crie o arquivo:

–

menu_principal.xml

●

Altere o arquivo com os dados que estão na

figura ao lado

(21)

Execute a aplicação

●

Device na Vertical

(22)

Execute a aplicação

●

Device na Vertical

^●

Device na Horizontal

(23)

Execute a aplicação

●

Device na Vertical

^●

Device na Horizontal

(24)

Execute a aplicação

●

Device na Vertical

^●

Device na Horizontal

(25)

O que vem a seguir?

●

Fragments

●

Google Maps

●

GPS

(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

(27)