Rotação

Este artigo descreve o novo Windows interface do usuário 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 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 girarem os elementos da interface diretamente.

Diretriz de uso adicional

Visão geral da rotação

Rotação é a técnica com otimização de toque usada por aplicativos 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 é realizada com:

  • Um mouse ou uma caneta ativa para mover a garra de rotação de um objeto selecionado.
  • Uma caneta de toque ou passiva para girar o objeto na direção desejada usando o gesto de girar.

Quando usar a rotação

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

diagram demonstrating various finger postures supported by rotation.

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 reduzida se o ponto de rotação não for restringida dessa forma.

A primeira foto mostra os pontos inicial (polegar) e secundário (dedo indicador): o dedo indicador está tocando uma árvore e o polegar está tocando uma tora.

image showing the two initial touch points for the rotation gesture. Nesta segunda imagem, a rotação é executada em torno do ponto de toque inicial (polegar). Após a rotação, o dedo indicador permanece tocando o tronco da árvore e o polegar a tora (o ponto de rotação).

image showing a rotated picture with the rotation point constrained to one of the two initial touch points. 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 foto não foi girada por um dos dedos, a ilusão de uma manipulação direta é quebrada (a menos que o usuário tenha escolhido essa configuração).

image showing a rotated picture with the rotation point constrained to the center of the picture rather than either of the two initial touch points. 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, nesse caso, a ilusão de uma manipulação direta é quebrada.

image showing a rotated picture with the rotation point constrained to the leftmost center of the picture rather than either of the two initial touch points.

 

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

Tipo Descrição
Rotação livre

A rotação livre permite ao usuário girar conteúdos livremente onde desejar em um arco de 360 graus. Quando o usuário solta o objeto, este 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 restringida

A rotação restringida suporta a rotação livre durante a manipulação, mas aplica pontos de alinhamento em bases de 90 graus (0, 90, 180 e 270) ao soltar. Quando o usuário solta o objeto, o mesmo rotaciona automaticamente para o ponto de alinhamento mais próximo.

A rotação restringida é o método de rotação mais comum e funciona de forma semelhante à rolagem de conteúdo. Pontos de alinhamento permitem que um usuário seja impreciso e ainda assim alcance seu objetivo. A rotação restringida é útil para aplicativos como navegadores da web ou álbuns de fotos.

Rotação combinada

A rotação combinada suporta a rotação livre com zonas (parecidas com trilhos em Diretrizes para movimento panorâmico) em cada ponto de alinhamento de 90 graus imposta pela rotação restringida. Se o usuário soltar o objeto fora de uma das zonas de 90 graus, o objeto permanecerá naquela posição. Caso contrário, o objeto girará automaticamente para um ponto de alinhamento.

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

Exemplos

Exemplos de arquivo-morto