Compartilhar via

Rotation

Este artigo descreve a nova interface do usuário do Windows para rotação e fornece diretrizes de experiência do usuário que devem ser consideradas ao usar esse novo mecanismo de interação em seu aplicativo do Windows.

APIs importantes: Windows.UI.Input, Windows.UI.Xaml.Input

O que fazer e o que não fazer

  • Use a rotação para ajudar os usuários a girar diretamente os elementos da interface do usuário.

Diretrizes de uso adicionais

Visão geral da rotação

Rotação é a técnica com otimização de toque usada por aplicativos do Windows para permitir que os usuários transformem um objeto em uma direção circular (no sentido horário ou no sentido anti-horário).

Dependendo do dispositivo de entrada, a interação de rotação é executada usando:

  • Um mouse ou caneta stylus para mover o controle de rotação de um objeto selecionado.
  • Toque ou use uma caneta passiva ou stylus para girar o objeto na direção desejada usando o gesto de rotação.

Quando usar rotação

Use a rotação para ajudar os usuários a girar diretamente elementos da UI. Os diagramas a seguir mostram algumas das posições de dedos com suporte para a interação de rotação.

diagrama demonstrando várias posturas de dedo compatíveis com a rotação.

Nota Intuitivamente e, na maioria dos casos, o ponto de rotação é um dos dois pontos de toque, a menos que o usuário possa especificar um ponto de rotação não relacionado aos pontos de contato (por exemplo, em um aplicativo de desenho ou layout). As imagens a seguir demonstram como a experiência do usuário pode ser degradada se o ponto de rotação não for restringido dessa forma.

Esta primeira imagem mostra o ponto de toque inicial (polegar) e o secundário (dedo indicador): o dedo indicador está tocando uma árvore e o polegar está tocando um tronco.

imagem mostrando os dois pontos de toque iniciais para o gesto de rotação. Nesta segunda imagem, a rotação é executada ao redor do ponto de toque inicial (polegar). Após a rotação, o dedo indicador ainda está tocando no tronco da árvore e o polegar ainda está tocando no log (o ponto de rotação).

imagem mostrando uma imagem girada com o ponto de rotação restrito a um dos dois pontos de toque iniciais. Nesta terceira imagem, o centro de rotação foi definido pelo aplicativo (ou definido pelo usuário) como o ponto central da imagem. Após a rotação, como a imagem não girava em torno de um dos dedos, a ilusão de manipulação direta é interrompida (a menos que o usuário tenha escolhido essa configuração).

imagem mostrando uma imagem girada com o ponto de rotação restrito ao centro da imagem em vez de qualquer um dos dois pontos de toque iniciais. Nesta última imagem, o centro de rotação foi definido pelo aplicativo (ou definido pelo usuário) como um ponto no meio da borda esquerda da imagem. Novamente, a menos que o usuário tenha escolhido essa configuração, a ilusão de manipulação direta será interrompida nesse caso.

imagem mostrando uma imagem girada com o ponto de rotação restrito ao centro mais à esquerda da imagem em vez de qualquer um dos dois pontos de toque iniciais.

 

O Windows 10 dá suporte a três tipos de rotação: gratuito, restrito e combinado.

Tipo Description
Rotação livre

A rotação livre permite que um usuário gire o conteúdo livremente em qualquer lugar em um arco de 360 graus. Quando o usuário libera o objeto, o objeto permanece na posição escolhida. A rotação livre é útil para aplicativos de desenho e layout, como Microsoft PowerPoint, Word, Visio e Paint; e Adobe Photoshop, Illustrator e Flash.
Rotação restrita

A rotação restrita dá suporte à rotação livre durante a manipulação, mas impõe pontos de ajuste a incrementos de 90 graus (0, 90, 180 e 270) após a liberação. Quando o usuário libera o objeto, ele gira automaticamente para o ponto de ajuste mais próximo.

A rotação restrita é o método mais comum de rotação, e funciona de maneira semelhante à rolagem de conteúdo. Os pontos de ajuste permitem que o usuário não precise ser preciso e ainda assim alcance seu objetivo. A rotação restrita é útil para aplicativos como navegadores da Web e álbuns de fotos.
Rotação combinada

A rotação combinada dá suporte à rotação livre com zonas (semelhantes a trilhos em Diretrizes para movimento panorâmico) em cada um dos pontos de ajuste de 90 graus imposto pela rotação restrita. Se o usuário liberar o objeto fora de uma das zonas de 90 graus, o objeto permanecerá nessa posição; senão, o objeto gira automaticamente para um ponto de encaixe.

Nota Um trilho da interface do usuário é uma funcionalidade em que uma área em torno de um destino restringe a movimentação em direção a um valor ou local específico para influenciar sua seleção.
 

Samples

Amostras de arquivo

  • Last updated on