Interações com o rato

Otimize o design do seu aplicativo do Windows para entrada por toque e obtenha suporte básico do mouse por padrão.

mouse

A entrada do mouse é mais adequada para interações do usuário que exigem precisão ao apontar e clicar. Essa precisão inerente é naturalmente suportada pela interface do usuário do Windows, que é otimizada para a natureza imprecisa do toque.

Onde o uso de mouse e toque divergem é a capacidade do toque de emular mais precisamente a manipulação direta da interface do usuário por meio de gestos físicos executados diretamente sobre esses objetos (como deslizar, rodar, arrastar, girar e assim por diante). As manipulações com um rato normalmente exigem outro elemento da interface de utilizador, como o uso de alças para redimensionar ou girar um objeto.

Este tópico descreve as considerações de design para interações com mouse.

O idioma do mouse do aplicativo UWP

Um conjunto conciso de interações com o mouse é usado consistentemente em todo o sistema.

Term	Description
Passe o cursor para aprender	Passe o cursor sobre um elemento para exibir informações mais detalhadas ou elementos visuais de ensino (como uma dica de ferramenta) sem um compromisso com uma ação.
Clique com o botão esquerdo para a ação principal	Clique com o botão esquerdo do mouse em um elemento para invocar sua ação principal (como iniciar um aplicativo ou executar um comando).
Desloque-se para alterar a vista	Exiba barras de rolagem para mover-se para cima, para baixo, para a esquerda e para a direita dentro de uma área de conteúdo. Os usuários podem rolar clicando em barras de rolagem ou girando a roda do mouse. As barras de rolagem podem indicar a localização da visualização atual dentro da área de conteúdo (o deslocamento com toque mostra uma interface semelhante).
Clique com o botão direito do mouse para selecionar e comandar	Clique com o botão direito do mouse para exibir a barra de navegação (se disponível) e a barra de aplicativos com comandos globais. Clique com o botão direito do mouse em um elemento para selecioná-lo e exibir a barra de aplicativos com comandos contextuais para o elemento selecionado. Observação Clique com o botão direito do mouse para exibir um menu de contexto se os comandos de seleção ou da barra de aplicativos não forem comportamentos apropriados da interface do usuário. Mas é altamente recomendável que você use a barra de aplicativos para todos os comportamentos de comando.
Comandos da interface do usuário para ampliar	** Para emular gestos de pinçar e esticar para ampliar, exiba os comandos da interface de utilizador na barra de aplicações (como + e -) ou pressione Ctrl e gire a roda do rato.
Comandos da interface do usuário para girar	Exiba comandos da interface do utilizador na barra de aplicação ou pressione Ctrl+Shift e rode a roda do rato para emular o gesto de rotação. Gire o próprio dispositivo para girar a tela inteira.
Clique com o botão esquerdo e arraste para reorganizar	Clique com o botão esquerdo e arraste um elemento para movê-lo.
Clique com o botão esquerdo e arraste para selecionar o texto	Clique com o botão esquerdo no texto selecionável e arraste para selecioná-lo. Clique duas vezes para selecionar uma palavra.

Eventos de entrada do mouse

A maioria das entradas do mouse pode ser manipulada por meio dos eventos de entrada roteados comuns suportados por todos os objetos UIElement . Estes são, entre outros:

No entanto, você pode aproveitar os recursos específicos de cada dispositivo (como eventos de roda do mouse) usando os eventos de ponteiro, gesto e manipulação em Windows.UI.Input.

Amostras: Consulte o nosso exemplo BasicInput, para .

Diretrizes para feedback visual

Quando um rato for detetado (através de eventos de movimentação ou sobrevoar), mostrar a interface específica do rato para indicar a funcionalidade exposta pelo elemento. Se o mouse não se mover por um determinado período de tempo, ou se o usuário iniciar uma interação por toque, faça com que a interface do usuário do mouse desapareça gradualmente. Isso mantém a interface do usuário limpa e organizada.
Não use o cursor para feedback de focalização, o feedback fornecido pelo elemento é suficiente (veja Cursores abaixo).
Não exiba feedback visual se um elemento não suportar interação (como texto estático).
Não use retângulos de foco com interações com o mouse. Reserve estes para interações com o teclado.
Exiba feedback visual simultaneamente para todos os elementos que representam o mesmo destino de entrada.
Forneça botões (como + e -) para emular manipulações baseadas em toque, como movimento panorâmico, rotação, zoom e assim por diante.

Para obter orientações mais gerais sobre comentários visuais, consulte Diretrizes para comentários visuais.

Cursors

Um conjunto de cursores padrão está disponível para um ponteiro do rato. Estes são usados para indicar a ação primária de um elemento.

Cada cursor padrão tem uma imagem padrão correspondente associada a ele. O usuário ou um aplicativo pode substituir a imagem padrão associada a qualquer cursor padrão a qualquer momento. Especifique uma imagem do cursor através da função PointerCursor .

Se você precisar personalizar o cursor do mouse:

Use sempre o cursor de seta () para elementos clicáveis. Não use o cursor da mão apontando () para links ou outros elementos interativos. Em vez disso, use os efeitos de hover (descritos anteriormente).
Use o cursor de texto () para texto selecionável.
Use o cursor de movimento () quando mover é a ação principal (como arrastar ou cortar). Não use o cursor de movimento para elementos em que a ação principal é a navegação (como blocos Iniciar).
Use os cursores de redimensionamento horizontal, vertical e diagonal (, , ), quando um objeto for redimensionável.
Use os cursores de mão de agarrar (, ) ao percorrer conteúdo dentro de uma tela fixa (como um mapa).