Várias janelas
Recolher sumário
Expandir sumário

Diretrizes para várias janelas

Suporte a várias janelas permite que os usuários interajam com partes diferentes do seu aplicativo ao mesmo tempo. Com várias janelas, os usuários podem comparar conteúdos ou ver diversas partes específicas de conteúdos simultaneamente. Siga estas recomendações se você escolher dar suporte a várias janelas em seu aplicativo UWP (Plataforma Universal do Windows.

Descrição

Em um aplicativo que suporta várias janelas, cada janela comporta-se como se fosse seu próprio aplicativo. Os botões interagem separadamente com cada uma das janelas. Quando o usuário clica no bloco do aplicativo na tela inicial, aparece a janela usada mais recentemente do aplicativo. O usuário pode redimensionar cada janela, dispensar cada uma da tela de maneira independente e exibi-las separadamente na lista de aplicativos recém-usados.

Projetando várias janelas

Se faz sentido que seu aplicativo suporte várias janelas, você precisará decidir que conteúdos deseja exibir em cada uma delas. Por exemplo, você pode escolher ter uma janela principal e outras janelas secundárias que têm um conjunto específico e limitado de funções, ou você pode projetar cada nova janela como uma cópia da janela do aplicativo original. Você também pode especificar o título da janela secundária, exibido quando o usuário alterna entre aplicativos.

Você também determina onde as novas janelas serão abertas na tela (com relação à janela do aplicativo original). Uma nova janela pode ser colocada em um dos seguintes locais:

  • Ao lado da janela original, compartilhando o espaço da tela.
  • No lugar da janela principal.
  • Não completamente na tela.

Depois que a janela secundária é exibida inicialmente, o usuário controla o posicionamento e tamanho da janela.

Exemplos

O aplicativo de correio utiliza múltiplas janelas. Um usuário pode visualizar mensagens na janela principal do aplicativo ou abrir uma nova janela. Isso é útil nos casos em que, por exemplo, um usuário deseja compor uma nova mensagem, mas utiliza a janela principal para buscar por outras mensagens ao mesmo tempo.

Aplicativo de correio com duas janelas abertas simultaneamente

Se duas janelas estiverem abertas para o aplicativo de email, a lista de aplicativos utilizados recentemente se parece com a mostrada a seguir:A lista de aplicativos utilizados recentemente mostra duas janelas separadas para o aplicativo de correio

O que fazer e o que não fazer

  • Ofereça uma maneira de o usuário navegar entre uma janela secundária e a janela principal.
  • Forneça um meio claro para que o usuário abra uma nova janela. Por exemplo, adicione um botão à barra do aplicativo para abrir uma nova janela. O aplicativo de correio tem um botão Abrir Janela na sua barra inferior: Screenshot do aplicativo de correio mostrando o botão "Abrir Janela" na barra inferior do aplicativo
  • Verifique se o título da nova janela reflete o conteúdo dessa janela. O usuário deve poder diferenciar entre as janelas de um aplicativo a partir do título.
  • Inscreva-se no consolidated event e, quando o evento for disparado, feche os conteúdos da janela. O evento consolidado ocorre quando a janela é removida da lista de aplicativos usados recentemente ou se o usuário executa um gesto próximo dele.
  • Se a nova janela substituir a janela original do aplicativo, ofereça animação personalizada quando as janelas forem alternadas.
  • Ative novas janelas em um aplicativo para cenários que aumentam a produtividade e ative a multitarefa.
  • Projete novas janelas que permitam que usuários cumpras tarefas integralmente dentro da janela.
  • Não abra automaticamente uma nova janela quando um usuário navegar para uma parte diferente do aplicativo. O usuário deve sempre iniciar a abertura de uma nova janela.
  • Não é necessário que o usuário abra uma nova janela para completar o propósito principal do aplicativo.

Tópicos relacionados

Para designers
Design responsivo 101
Para desenvolvedores (XAML)
Definir layouts com XAML
CoreApplication.CreateNewView methods
ApplicationView class
ApplicationViewSwitcher class
Exemplos
Exemplo de várias exibições

 

 

Mostrar:
© 2016 Microsoft