ActionBar Aplicativos Móveis e Computação em Nuvem

Transcrição

1 Google Android ActionBar Aplicativos Móveis e Computação em Nuvem 2 Ricardo Lecheta

2 Ricardo R. Lecheta (facebook.com/ricardolecheta) Ciência da Computação PUC PR SCJP, SCWCD, SCBCD, SCMAD, SCEA Ricardo Lecheta 3

3 Action Bar Criada com o Honeycomb: Android 3.0

4 Action Bar No Android <= 2.2, continua sendo exibida como um menu físico

5 Action Bar Barra com as ações mais comuns do aplicativo

6 Action Bar Barra com as ações mais comuns do aplicativo 1. App icon: ícone da aplicação, ou um logo customizado 2. View Control: Navegação com Drop-down ou Tabs 3. Action buttons: Ações que a aplicação pode fazer 4. Action overflow: Outras ações, não utilizadas frequentemente Fonte:

7 Action Bar Barra com as ações mais comuns do aplicativo 1. App icon: ícone da aplicação, ou um logo customizado 2. View Control: Navegação com Drop-down ou Tabs 3. Action buttons: Ações que a aplicação pode fazer 4. Action overflow: Outras ações, não utilizadas frequentemente Fonte:

8 Revisão App icon Pode ser uma imagem customizada Pode exibir um texto ou não

9 App icon Up Navigation Oferece uma navegação a tela inicial (Up Navigation)

10 Action itens Revisão Ações mais comuns Podem exibir ícones ou textos Podem ficar visíveis se existir espaço na tela, ou escondidos no menu overflow. Podemos utilizar ícones padrão da plataforma

11 Action overflow Revisão Ações opcionais Ações menos utilizadas

12 Menu com ações opcionais Action overflow Fonte:

13 SearchView para buscas Search View Fonte:

14 Action Bar A Action Bar se adapta conforme o tamanho e orientação da tela Fonte:

15 Action Bar Tabs Alterar a view principal da tela Exibe todas as opções para o usuário Para o usuário explorar o aplicativo e trocar de views frequentemente Deve permitir que o usuário faça o swipe (scroll lateral) para trocar de tab

16 Action Bar Spinner drop-down Filtrar os dados, para exibir uma diferente visualização Esconde algumas opções do usuário Se o usuário não vai trocar de views frequentemente Permite economizar o espaço da tela na vertical

17 Action Bar Tabs

18 Action Bar Tabs

19 Action Bar Tabs Revisão Navegação simples e padronizada Se existirem muitas tabs, elas fazem scroll horizontal Exibir todas as opções de forma clara para o usuário Permite navegar entre as tabs utilizando swipe

20 Action Bar Drop-Down

21 Action Bar Drop-Down Revisão Oferece uma alternativa a navegação por Tabs Facilita a navegação se existem vários itens Remove o scroll horizontal no caso das tabs Visualização melhor na vertical

22 Split Action Bar

23 Drop-Down + Split Action Bar

24 Split Action Bar

25 Split Action Bar Revisão Dividir as ações para aproveitar melhor o espaço na tela Utilizando frequentemente na vertical

26 Contextual Action Bars Substitui a Action Bar por um curto espaço de tempo. É ativada pela seleção do usuário

27 Share actions Ações utilizadas para compartilhar

28 Aulas práticas Vamos aprender a: Criar aplicativos com ActionBar. Modos de navegação por Tabs e Drop-down-list Split Action Bar Contextual Action Bar / Custom Views / Share Providers Temas Compatibilidade com Android >= 2.2: SherlockActionBar Compatibilidade com Android >= 2.2: ActionBarCompat