design/patterns/navigation.jd

page.title=Navegao com Voltar e Para cima
page.tags="navigation","activity","task","up navigation","back navigation"
page.image=/design/media/navigation_between_siblings_gmail.png
@jd:body

<a class="notice-developers" href="{@docRoot}training/implementing-navigation/index.html">
  <div>
    <h3>Documentos do desenvolvedor</h3>
    <p>Implementao de navegao efetiva</p>
  </div>
</a>

<p itemprop="description">A navegao consistente  um componente essencial da experincia geral do usurio. Poucas coisas deixam os
usurios mais frustrados do que uma navegao bsica que se comporta de forma inconsistente ou inesperada. O Android 3.0
introduziu mudanas significativas no comportamento global da navegao. Seguir cuidadosamente as
diretrizes de Voltar e Para Cima tornar a navegao em seu aplicativo previsvel e confivel para os usurios.</p>
<p>O Android 2.3 e anteriores se baseavam no boto <em>Voltar</em> do sistema para dar suporte  navegao dentro de um
aplicativo. Com a introduo de barras de ao no Android 3.0, um segundo mecanismo de navegao apareceu:
o boto <em>Para Cima</em>, consistindo no cone do aplicativo e em um cursor para a esquerda.</p>

<img src="{@docRoot}design/media/navigation_with_back_and_up.png">

<h2 id="up-vs-back">Para Cima vs Voltar</h2>

<p>O boto Para Cima  usado para navegar dentro de um aplicativo com base nos relacionamentos hierrquicos
entre telas. Por exemplo, se a tela A exibe uma lista de itens e selecionar um item leva
tela B (que apresenta aquele item em mais detalhes), a tela B deve oferecer um boto Para Cima que
volte  tela A.</p>
<p>Se determinada tela  a superior na hierarquia de um aplicativo (ou seja, a tela inicial do aplicativo), ela no deve apresentar um boto
Para Cima.</p>

<p>O boto Voltar do sistema  usado para navegar, em ordem cronolgica inversa, pelo histrico
de telas em que o usurio esteve recentemente. Ele  geralmente baseado em relacionamentos temporais
entre telas, em vez de na hierarquia do aplicativo.</p>

<p>Quando a tela visualizada anteriormente tambm for a superior hierrquica imediata da tela atual, pressionar
o boto Voltar tem o mesmo resultado que pressionar um boto Para Cima &mdash; essa  uma ocorrncia
comum. No entanto, diferentemente do boto Para Cima, que garante que o usurio permanea dentro do aplicativo, o boto
Voltar pode retornar o usurio  tela inicial ou at mesmo a um aplicativo diferente.</p>

<img src="{@docRoot}design/media/navigation_up_vs_back_gmail.png">

<p>O boto Voltar tambm suporta alguns comportamentos no vinculados diretamente  navegao entre telas:
</p>
<ul>
<li>Descarta janelas flutuantes (caixas de dilogo, pop-ups)</li>
<li>Descarta barras de ao contextuais e remove o destaque dos itens selecionados</li>
<li>Oculta o teclado da tela (IME)</li>
</ul>
<h2 id="within-app">Navegao dentro do seu aplicativo</h2>

<h4>Navegao para telas com vrios pontos de entrada</h4>
<p>Algumas vezes, uma tela no tem uma posio rigorosa dentro da hierarquia do aplicativo e pode ser acessada
de vrios pontos de entrada &mdash; como uma tela de configuraes que pode ser acessada de qualquer outra tela
no aplicativo. Nesse caso, o boto Para Cima deve escolher voltar  tela anterior, comportando-se
de forma idntica a Voltar.</p>
<h4>Mudana de vista dentro de uma tela</h4>
<p>Mudar opes de vista de uma tela no muda o comportamento de Para Cima nem de Voltar: a tela ainda
estar no mesmo lugar dentro da hierarquia do aplicativo e nenhum histrico de navegao ser criado.</p>
<p>Exemplos de tais mudanas de vista so:</p>
<ul>
<li>Alternar vistas usando guias e/ou deslizando para a esquerda e para a direita</li>
<li>Alternar vistas usando um menu suspenso (tambm chamadas de abas recolhidas)</li>
<li>Filtrar uma lista</li>
<li>Classificar uma lista</li>
<li>Mudar caractersticas de exibio (como mudar o zoom)</li>
</ul>
<h4>Navegao entre telas de mesmo nvel</h4>
<p>Quando o aplicativo suporta navegao de uma lista de itens para uma vista de detalhes de um desses itens,
frequentemente  desejvel dar suporte  navegao de direo daquele item para outro anterior ou
posterior a ele na lista. Por exemplo, no Gmail,  fcil deslizar para a esquerda ou para a direita em uma
conversa para visualizar uma mais nova ou mais antiga na mesma Caixa de entrada. Assim como ao mudar a vista dentro de uma tela, tal
navegao no muda o comportamento de Para Cima ou Voltar.</p>

<img src="{@docRoot}design/media/navigation_between_siblings_gmail.png">

<p>No entanto, uma exceo notvel a isso ocorre ao navegar entre vistas de detalhes relacionadas no
vinculadas pela lista de referncia &mdash; por exemplo, ao navegar na Play Store entre aplicativos
do mesmo desenvolvedor ou lbuns do mesmo artista. Nesses casos, seguir cada link cria
um histrico, fazendo com que o boto Voltar passe por cada tela visualizada anteriormente. Para Cima deve continuar a
ignorar essas telas relacionadas e navegar para a tela do continer visualizada mais recentemente.</p>

<img src="{@docRoot}design/media/navigation_between_siblings_market1.png">

<p>Voc tem a capacidade de deixar o comportamento de Para Cima ainda mais inteligente com base em seu conhecimento da
vista de detalhe. Estendendo o exemplo da Play Store acima, imagine que o usurio navegou do ltimo
Livro visualizado para os detalhes da adaptao do Filme. Nesse caso, Para Cima pode retornar a um continer
(filmes) pelo qual o usurio no navegou anteriormente.</p>

<img src="{@docRoot}design/media/navigation_between_siblings_market2.png">

<h2 id="into-your-app">Navegao para o seu aplicativo pelos widgets de tela inicial e notificaes</h2>

<p>Voc pode usar widgets de tela inicial ou notificaes para ajudar os usurios a navegar diretamente para telas
profundas na hierarquia do seu aplicativo. Por exemplo, o widget Caixa de Entrada do Gmail e a notificao de nova mensagem podem
ignorar a tela Caixa de Entrada, levando o usurio diretamente a uma vista de conversa.</p>

<p>Para esses dois casos, trate o boto Para Cima da seguinte forma:</p>

<ul>
<li><em>Se a tela de destino  normalmente acessada de uma determinada tela dentro do
aplicativo</em>, Para Cima deve navegar para essa tela.</li>
<li><em>Caso contrrio</em>, Para Cima deve navegar para a tela superior ("Tela inicial") do aplicativo.</li>
</ul>

<p>No caso do boto Voltar, voc deve tornar a navegao mais previsvel inserindo o caminho de navegao para cima
completo na pilha de retorno da tarefa at a tela superior do aplicativo. Isso permite que usurios
que se esqueceram de como entraram no aplicativo naveguem para a tela superior do aplicativo
antes de sarem.</p>

<p>Como exemplo, o widget da Tela inicial do Gmail tem um boto para mergulhar diretamente para a tela
de composio. Para Cima ou Voltar na tela de composio deve levar o usurio  Caixa de Entrada e, de l, o
boto Voltar continua at a Tela inicial.</p>

<img src="{@docRoot}design/media/navigation_from_outside_back.png">

<h4>Notificaes indiretas</h4>

<p>Quando o aplicativo precisa apresentar simultaneamente informaes sobre vrios eventos, ele pode usar
uma nica notificao que direcione o usurio a uma tela intersticial. Essa tela resume esses
eventos e fornece caminhos para que o usurio mergulhe profundamente no aplicativo. Notificaes desse estilo so
chamadas de <em>notificaes indiretas</em>.</p>

<p>Diferentemente de em notificaes padro (diretas), pressionar Voltar em uma tela intersticial da
notificao indireta retorna o usurio ao ponto em que a notificao foi acionada &mdash; nenhuma
tela adicional  inserida na pilha de retorno. Quando o usurio prossegue para o aplicativo da
tela intersticial, Para Cima e Voltar se comportam como em notificaes padro, como descrito acima:
navegando dentro do aplicativo em vez de voltar  tela intersticial.</p>

<p>Por exemplo, suponha que um usurio no Gmail receba uma notificao indireta do Agenda. Tocar nessa
notificao abrir a tela intersticial, que exibir lembretes para vrios
eventos. Tocar em Voltar na tela intersticial retornar o usurio ao Gmail. Tocar em um determinado evento
levar o usurio da tela intersticial ao aplicativo completo do Agenda para exibir detalhes do
evento. Dos detalhes do evento, Para Cima e Voltar navegam para a vista de nvel superior do Agenda.</p>

<img src="{@docRoot}design/media/navigation_indirect_notification.png">

<h4>Notificaes pop-up</h4>

<p><em>Notificaes pop-up</em> ignoram a gaveta de notificaes, aparecendo diretamente na
frente do usurio. Elas so usadas raramente e <strong>devem ser reservadas para ocasies em que uma resposta
rpida e a interrupo do contexto do usurio sejam necessrias</strong>. Por exemplo,
o Talk usa esse estilo para alertar o usurio sobre um convite de um amigo para participar de uma conversa com vdeo, j que este
convite expirar automaticamente depois de alguns segundos.</p>

<p>Em termos do comportamento da navegao, notificaes pop-up seguem de perto o comportamento da tela intersticial
de uma notificao indireta. Voltar descarta a notificao pop-up. Se o usurio navegar
da janela pop-up para o aplicativo que realizou a notificao, Para Cima e Voltar seguem as regras de notificaes padro,
navegando dentro do aplicativo.</p>

<img src="{@docRoot}design/media/navigation_popup_notification.png">

<h2 id="between-apps">Navegao entre aplicativos</h2>

<p>Um dos pontos fortes fundamentais do sistema Android  a capacidade dos aplicativos de ativar
uns aos outros, dando ao usurio a capacidade de navegar diretamente de um aplicativo para outro. Por exemplo, um
aplicativo que precisa capturar uma foto pode ativar o aplicativo Cmera, que devolver a foto
ao aplicativo que o chamou. Esse  um imenso benefcio para o desenvolvedor, que pode aproveitar
facilmente cdigo de outros aplicativos, e para o usurio, que tem uma experincia consistente para aes
comumente realizadas.</p>

<p>Para entender a navegao entre aplicativos,  importante entender o comportamento da estrutura de trabalho do Android
discutida abaixo.</p>

<h4>Atividades, tarefas e intenes</h4>

<p>No Android, uma <strong>atividade</strong>  um componente do aplicativo que define uma tela de
informaes e todas as aes associadas que o usurio pode executar. Seu aplicativo  uma coleo de
atividades, consistindo em atividades que voc cria e naquelas que reutiliza de outros aplicativos.</p>

<p>Uma <strong>tarefa</strong>  a sequncia de atividades que um usurio segue para atingir um objetivo. Uma
nica tarefa pode usar atividades apenas de um aplicativo ou pode retirar atividades de uma srie
de outros aplicativos.</p>

<p>Uma <strong>inteno</strong>  um mecanismo para que um aplicativo sinalize que gostaria a assistncia de outro
aplicativo para realizar uma ao. As atividades de um aplicativo podem indicar a que intenes
ele responde. Para intenes comuns, como "Compartilhar", o usurio pode ter vrios aplicativos
instalados que atendam a essa solicitao.</p>

<h4>Exemplo: navegao entre aplicativos para suporte a compartilhamento</h4>

<p>Para entender como atividades, tarefas e intenes funcionam juntas, entenda como um aplicativo permite que usurios
compartilhem contedo usando outro aplicativo. Por exemplo, executar o aplicativo Play Store na tela inicial comea
uma nova Tarefa A (veja a figura baixo). Depois de navegar pela Play Store e tocar em um livro em promoo
para ver os detalhes, o usurio permanecer na mesma tarefa, estendendo-a ao adicionar atividades. Acionar
a ao Compartilhar exibe ao usurio uma caixa de dilogo listando cada uma das atividades (de diferentes aplicativos)
que foram registradas para tratar a inteno Compartilhar.</p>

<img src="{@docRoot}design/media/navigation_between_apps_inward.png">

<p>Quando o usurio seleciona o compartilhamento via Gmail, a atividade de composio do Gmail  adicionada como uma continuao da
Tarefa A &mdash; nenhuma tarefa nova  criada. Se o Gmail tivesse a prpria tarefa em execuo em segundo plano, ela no
seria afetada.</p>

<p>Da atividade de composio, enviar a mensagem ou tocar no boto Voltar retornar o usurio
atividade de detalhes do livro. Toques subsequentes em Voltar continuaro a navegar para trs pela Play
Store at chegar  Pgina inicial.</p>

<img src="{@docRoot}design/media/navigation_between_apps_back.png">

<p>No entanto, tocando em Para Cima na atividade de composio, o usurio indica que deseja permanecer no
Gmail. A atividade da lista de conversas do Gmail  exibida e uma nova Tarefa B  criada para ela. Novas tarefas
so sempre vinculadas  Pgina inicial, portanto, tocar em Voltar na lista de conversas retorna a ela.</p>

<img src="{@docRoot}design/media/navigation_between_apps_up.png">

<p>A Tarefa A persiste no segundo plano e o usurio pode voltar a ela mais tarde (por exemplo, via tela
Recentes). Se o Gmail j tivesse a prpria tarefa em execuo em segundo plano, ela seria substituda
pela Tarefa B &mdash; o contexto anterior  abandonado em favor do novo objetivo do usurio.</p>

<p>Quando o aplicativo  registrado para tratar intenes com uma atividade em um ponto profundo da hierarquia do aplicativo,
consulte <a href="#into-your-app">Navegao para o seu aplicativo pelos widgets de tela
inicial e notificaes</a> para ver orientaes sobre como especificar a navegao Para Cima.</p>