Diretrizes para animações de interface do usuário pop-up

Applies to Windows and Windows Phone

Use animações pop-up para mostrar e ocultar a interface do usuário pop-up, que inclui menus de contexto e submenus. Os elementos pop-up são contêineres que aparecem sobre o conteúdo do aplicativo e desaparecem quando o usuário toca ou clica fora do elemento pop-up.

Uso adequado de animações pop-up

  • Use animações pop-up para mostrar ou ocultar elementos personalizados de interface do usuário pop-up, como um menu de contexto, um submenu ou outra interface do usuário contextual que não faça parte da própria página do aplicativo. A distância recomendada para o elemento pop-up se mover à medida que aparece é de 50 pixels. Os controles comuns fornecidos pelo Windows já têm essas animações internas.
  • Não use animações pop-up para dicas de ferramentas ou caixas de diálogo. Use as animações de fade para mostrar ou ocultar dicas de ferramentas ou caixas de diálogo.
  • Não use animações pop-up para mostrar ou ocultar a interface do usuário dentro do conteúdo principal do aplicativo. Use animações pop-up somente para mostrar ou ocultar um contêiner pop-up que é exibido sobre o conteúdo do aplicativo principal.

Tópicos relacionados

Para designers
Diretrizes para adicionar e excluir
Diretrizes para animações de transações de conteúdo
Diretrizes para animações de arrastar
Diretrizes para animações de interface do usuário baseada em bordas
Diretrizes para animações de fade
Diretrizes para animações de transações de página
Diretrizes para animações de clique de ponteiro
Diretrizes para animações de reposição
Diretrizes para animações de passagem do dedo
Para desenvolvedores (HTML)
Exemplo da biblioteca de animação em HTML
Animando sua interface do usuário
Animando a interface do usuário pop-up
WinJS.UI.Animation.showPopup function
WinJS.UI.Animation.hidePopup function
Para desenvolvedores (XAML)
Animando sua interface do usuário
Animando a interface do usuário pop-up
Guia de início rápido: animando sua interface do usuário usando animações da biblioteca
PopInThemeAnimation class
PopOutThemeAnimation class
PopupThemeTransition class

 

 

Mostrar:
© 2014 Microsoft