Partilhar via

Rotação

Este artigo descreve a nova interface do Windows para rotação e fornece diretrizes de experiência do utilizador que devem ser consideradas ao utilizar este novo mecanismo de interação na sua aplicação Windows.

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

O que fazer e o que não fazer

  • Utilize a rotação para ajudar os utilizadores a rodarem elementos da interface diretamente.

Orientações de utilização adicionais

Visão geral da rotação

A rotação é a técnica otimizada para o toque usada pelas aplicações Windows para permitir que os utilizadores rodem um objeto numa direção circular (no sentido dos ponteiros do relógio ou anti-horário).

Dependendo do dispositivo de entrada, a interação de rotação é realizada utilizando:

  • Um rato ou caneta/stylus ativo para mover a garra de rotação de um objeto selecionado.
  • Toque ou caneta passiva para rodar o objeto na direção desejada, utilizando o gesto de rotação.

Quando usar a rotação

Use a rotação para ajudar os utilizadores a rodar diretamente elementos da interface. Os diagramas seguintes mostram algumas das posições dos dedos suportadas para a interação de rotação.

diagrama que demonstra várias posturas dos dedos apoiadas pela rotação.

Nota Intuitivamente, e na maioria dos casos, o ponto de rotação é um dos dois pontos de contacto, a menos que o utilizador possa especificar um ponto de rotação não relacionado com os pontos de contacto (por exemplo, numa aplicação de desenho ou layout). As imagens seguintes demonstram como a experiência do utilizador pode ser degradada se o ponto de rotação não estiver limitado desta forma.

Esta primeira imagem mostra os pontos de toque iniciais (polegar) e secundários (indicador): o dedo indicador está a tocar numa árvore e o polegar a tocar num tronco.

imagem mostrando os dois pontos de toque iniciais para o gesto de rotação. Nesta segunda imagem, a rotação é realizada em torno do ponto de toque inicial do polegar. Após a rotação, o dedo indicador continua a tocar no tronco da árvore e o polegar continua a tocar no tronco (o ponto de rotação).

imagem mostrando uma imagem rodada com o ponto de rotação limitado a um dos dois pontos de contacto iniciais. Nesta terceira imagem, o centro de rotação foi definido pela aplicação (ou definido pelo utilizador) como sendo o ponto central da imagem. Após a rotação, porque a imagem não rodou em torno de um dos dedos, a ilusão de manipulação direta é quebrada (a menos que o utilizador tenha escolhido esta definição).

imagem mostrando uma imagem rodada com o ponto de rotação limitado 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 pela aplicação (ou definido pelo utilizador) como um ponto no meio da borda esquerda da imagem. Mais uma vez, a menos que o utilizador tenha escolhido esta configuração, a ilusão de manipulação direta é quebrada neste caso.

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

 

O Windows 10 suporta três tipos de rotação: livre, restrita e combinada.

Tipo Description
Rotação livre

A rotação livre permite ao utilizador rodar o conteúdo livremente em qualquer lugar num arco de 360 graus. Quando o utilizador liberta o objeto, este permanece na posição escolhida. A rotação livre é útil para aplicações de desenho e layout como Microsoft PowerPoint, Word, Visio e Paint; e Adobe Photoshop, Illustrator e Flash.
Rotação restrita

A rotação restrita permite rotação livre durante a manipulação, mas impõe pontos de encaixe a cada 90 graus (0, 90, 180 e 270) quando solta. Quando o utilizador liberta o objeto, este roda automaticamente para o ponto de encaixe mais próximo.

A rotação limitada é o método de rotação mais comum e funciona de forma semelhante ao conteúdo de scroll. Os snap points permitem ao utilizador ser impreciso e ainda assim alcançar o seu objetivo. A rotação limitada é útil para aplicações como navegadores web e álbuns de fotografias.
Rotação combinada

A rotação combinada suporta rotação livre com zonas (semelhantes aos carris nas Diretrizes para panorâmica) em cada um dos pontos de encaixe de 90 graus impostos por rotação restrita. Se o utilizador libertar o objeto fora de uma das zonas de 90 graus, o objeto permanece nessa posição; caso contrário, o objeto roda automaticamente para se alinhar com um ponto de encaixe.

Nota Um rail de interface de utilizador é uma funcionalidade em que uma área em torno de um alvo limita o movimento para um valor ou localização específica para influenciar a sua seleção.
 

Samples

Arquivar amostras

  • Last updated on