Idioma: HTML | XAML

Como os usuários interagem com os dispositivos de entrada (HTML)

Veja aqui uma comparação das interações comuns e como elas são associadas aos gestos de toque, touchpad, mouse, teclado e caneta/stylus usados pelo Windows 8.1.

Veja o funcionamento desta opção como parte das características de nossos aplicativos, da série do início ao fim.:  Interação com o usuário: Entrada de toque... e muito mais.

Interações e dispositivos

O Windows 8.1 aceita vários dispositivos de entrada, desde toque até teclado. Ele também oferece uma experiência de interação intuitiva e eficiente que é única para cada dispositivo, mas funcionalmente consistente em todos os dispositivos e opções, como o teclado sensível ao toque, a roda do mouse, a caneta e a borracha.

Projete a interface do usuário (UI) do seu aplicativo da Windows Store para o toque, mas considere as implicações do design durante o uso vários dispositivos:

  • Touchpad, característica quue combina a experiência do toque e o uso do mouse
  • Mouse
  • Caneta/stylus, usada especialmente para aplicativos com tinta digital
  • Dispositivos como o teclado, usados para a edição de texto e atalhos de comandos

ToqueTouchpadMouseTeclado (hardware)Caneta
Selecionar
Passar o dedo na direção oposta à rolagem (veja Diretrizes para deslizamento transversal)Toque com dois dedosClicar com o botão direito Barra de espaço Passar o dedo na direção oposta à rolagem (veja Diretrizes para deslizamento transversal)
Mostrar a barra de aplicativos
Passar o dedo desde a borda superior ou inferiorPassar o dedo desde a borda superior ou inferiorClicar com o botão direitoTela de logotipo do Windows +Z, tecla de menuPassar o dedo desde a borda superior ou inferior
Mostrar botões
Passar o dedo desde a borda direitaPassar o dedo desde a borda direita Focalizar o canto superior ou inferior direito Tecla do logotipo Windows+CPassar o dedo desde a borda direita
Menu de contexto
Tocar no texto selecionado, pressionar e segurarToque o texto selecionado com dois dedos, pressione e mantenha pressionado.Clicar com o botão direitoTecla MenuTocar no texto selecionado, pressionar e segurar
Iniciar/ativar
TocarTocarClicar com o botão esquerdo Tecla EnterTocar
Rolagem de curta distância
Deslizar o dedoDeslize com os dois dedosBarra de rolagem, teclas de direção, clicar com o botão esquerdo do mouse e deslizar o dedo Teclas de cursorBarra de rolagem
Rolagem de longa distância
Deslizar o dedo (incluindo inércia) Deslizar com os dois dedos (incluindo inércia)Barra de rolagem, roda do mouse, clique com o botão esquerdo e movimento de deslizar o dedo Page up, Page down Barra de rolagem
Reorganizar (arrastar)
Passar o dedo na direção oposta à rolagem depois do limite de distância (veja Diretrizes para deslizamento transversal)Pressionar, segurar e deslizar o dedoClicar com o botão esquerdo do mouse e deslizar o dedo Ctrl-C or Ctrl-X, Ctrl-VPassar o dedo na direção oposta à rolagem depois do limite de distância (veja Diretrizes para deslizamento transversal)
Zoom
Pinçar, ampliarPinçar, ampliarRoda do mouse, Ctrl+ roda do mouse, comando da IUCtrl+ sinal de adição (+) ou sinal de subtração (-)Comando da IU
Girar
VirarVirarCtrl+Shift+ roda do mouse, comando da IUCtrl+ sinal de adição (+) ou sinal de subtração (-)Comando da IU
Inserir cursor/selecionar texto
Tocar, tocar na garraTocarClicar com o botão esquerdo do mouse+deslizar o dedo, clicar duas vezesSetas de direção, Shift+teclas de direção, Ctrl+teclas de direção e assim por diante Tocar, tocar na garra
Mais informações
Pressionar e segurarPressionar e segurarFocalizar (com limite de tempo)Mover o retângulo de foco (com limite de tempo) Pressionar e segurar
Mover foco
N/A N/A N/A Teclas de direção, GuiaN/A
Comentários de interação
Visualizações por toqueMovimento do cursor, mudanças do cursorMovimento do cursor, mudanças do cursorRetângulos de focoVisualização por caneta

 

Tópicos relacionados

Conceitual
Respondendo à interação do usuário
Design de interação por toque
Referência
Windows.UI.Core
Windows.UI.Input
Windows.UI.Xaml.Input
Exemplos (DOM)
Amostra de rolagem, movimento panorâmico e aplicação de zoom em HTML
Entrada: amostra de manipulação de eventos de ponteiros DOM
Entrada: amostra de gestos instanciáveis
Amostras (APIs de aplicativos da Windows Store )
Entrada: exemplo de manipulações e gestos (JavaScript)
Entrada: amostra de gestos no Windows 8
Entrada: amostra de eventos de entrada do usuário XAML
Exemplo de rolagem, movimento panorâmico e aplicação de zoom em XAML
Amostras (DirectX)
Amostra de entrada por toque do DirectX
Entrada: exemplo de manipulações e gestos (C++)

 

 

Mostrar:
© 2015 Microsoft