Prof. Filipe Nunes Ribeiro
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
COMPUTAÇÃO MÓVEL
ActionBar, AutoCompleteTextView, Spinner,
Notificações
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
MENU X ACTION BAR
●
Os menus são utilizados para mostrar quaisquer opções
relevantes ao usuário sem a necessidade de ocupar espaço da tela
como no caso dos botões
●
No entanto, os menus exigiam a presença de um botão físico.
●Honeycomb removeu a necessidade do botão fisico.
●
E introduziu a ActionBar
●
À partir do API Level 11 as Action Bars são incluídas em todas as
Activities que usam tema Theme.Holo (ou seus “descendentes”).
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ACTION BAR
●
Solução para tornar as opções do usuário em uma tela
imediatamente visíveis e rápidas de invocar
●
Para oferecer uma experiência de usuário mais intuitiva e
consistente as aplicações devem se adaptar à esta situação.
●
http://android-developers.blogspot.com.br/2012/01/say-goodbye-to-menu-button.html
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ACTION BAR
●
Ao utilizar a API de Menus e executar a aplicação em
dispositivos com Android superior à versão 3.0 é exibida na tela o
ActionOverflowButton como abaixo
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ACTION BAR
●
Pode conter
–
Título da Activity
–
Ícones
–
Ações que podem ser lançadas
–
View adicionais
–
Outros itens interativos
–
Pode ser utilizada para navegação na aplicação
●
Habilitada para aplicações com API Level superior a 11
●Pode ser desabilitada pelo tema definido no manifest
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ACTION BAR
●
Entrada das opções de uma ActionBar
–
Pode ser feita via código Java mas em geral é feita via xml (boa
técnica de programação Android)
–
Na pasta res/menus é adicionado o arquivo com as opções
Sempre aparecer
na ActionBar
Aparecer
na ActionBar
caso haja
espaço
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Action Bar – Exemplo
ActionBar
Alinhamento dos
elementos
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Action Bar – Exemplo
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Action Bar – Exemplo
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Antes de ir para o restante do exemplo
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
Layout da tela – tela_cadastro.xml (Parte 1)
Caixas de
texto não tão
próximas
verticalmente
Alinhamento
das caixas de
texto
Utilização do
arquivo
strings.xml
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
Layout da tela – tela_cadastro.xml (Parte 2)
Essa estrutura
geral será repetida
para cada campo
de entrada! Campo
endereço sendo
apresentado.
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
Layout da tela – tela_cadastro.xml (Parte 3)
Campo telefone
Controla o teclado
que será exibido
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
Layout da tela – tela_cadastro.xml (Parte 4)
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
Layout da tela – tela_cadastro.xml (Parte 5)
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
Inserção da ActionBar
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
Inserção da ActionBar
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
Inserção da ActionBar
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
Inserção da ActionBar
4 – Definição do ícone que aparecerá na ActionBar
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
AutoCompleteTextView
–
Declaração do elemento no arquivo de xml que já foi feito
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
AutoCompleteTextView
–
Definição do Adapter para o elemento
Máscara para
telefone
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
AutoCompleteTextView
–
E se o usuário não selecionar o item correto?
–
Irá obter o valor inválido
–
Deve-se implementar o
AutoCompleteTextView.Validator
–
Caso não se tenha muitos elementos use o
SPINNER
Exemplo de implementação do Validator:
http://stackoverflow.com/questions/5033246/androi
d-autocomplettextview-force-text-to-be-from-the-entry-list
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
ActionBar - Exemplo
●
Spinner
–
Declaração do elemento no arquivo de xml que já foi feito
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
ActionBar - Exemplo
●
Spinner
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Notificações
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Notificações
●
Por que notificações?
–
Uma aplicação executando em segundo plano nunca deve exibir um
alerta para o usuário ou abrir uma tela sem a permissão do mesmo
–
Pode interromper tarefas importantes.
–
Quando é necessário informar ao usuário de um evento se utiliza a
classe android.app.Notification
–
O usuário escolhe:
●
Acessá-la
●Fechá-la
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Notificações
●
A plataforma Android possui um sistema de sistema para
notificações que é obtido de maneira similar ao Layout_Inflater
●
Para criar uma notificação tem-se um construtor de notificações à
partir da API Level 16
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Notificações – API Level >16
●
Utilizando o Notification.Builder
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Notificações – API Level >16
●
Utilizando o Notification.Builder
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Notificações – API Level >16
●
Utilizando o Notification.Builder
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Notificações – API Level <16
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Notificações – API Level <16
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
Notificações – API Level <16
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas Departamento de Computação e Sistemas
Dica
●
Checar a disponibilidade da rede antes de acessar
Fonte: http://www.vogella.com/tutorials/AndroidNetworking/article.html
Necessita de permissão: ACCESS_NETWORK_STATE
Universidade Federal de Ouro Preto Instituto de Ciências Exatas e Aplicadas
REFERÊNCIAS
●
Android Developers Site
http://developer.android.com,
http://developer.android.com/guide/topics/ui/actionbar.html
●