Condividi tramite

Interazioni del mouse

Ottimizza il design della tua app Windows per l'input touch e ottieni il supporto di base per mouse per impostazione predefinita. 

topo

L'input del mouse è più adatto per le interazioni dell'utente che richiedono precisione quando si punta e si fa clic. Questa precisione intrinseca è naturalmente supportata dall'interfaccia utente di Windows, ottimizzata per la natura imprecisa del tocco.

Il punto in cui l'input del mouse e il tocco divergono è la capacità del tocco di emulare più fedelmente la gestione diretta degli elementi dell'interfaccia utente tramite gesti fisici eseguiti direttamente su tali oggetti (ad esempio sfioramento, scorrimento, trascinamento, rotazione e così via). Le manipolazioni con un mouse richiedono in genere un altro controllo dell'interfaccia utente, ad esempio l'uso di maniglie per ridimensionare o ruotare un oggetto.

In questo argomento vengono descritte le considerazioni di progettazione per le interazioni con il mouse.

Lingua del mouse dell'app UWP

Un set conciso di interazioni del mouse viene usato in modo coerente in tutto il sistema.

Termine Description

Muovi il puntatore del mouse per imparare

Sposta il puntatore del mouse su un elemento per visualizzare informazioni più dettagliate o elementi visivi didattici (come un tooltip) senza richiedere un'azione.

Fare clic con il pulsante sinistro del mouse per l'azione primaria

Fare clic con il pulsante sinistro del mouse su un elemento per richiamare l'azione principale, ad esempio l'avvio di un'app o l'esecuzione di un comando.

Scorrere per modificare la visualizzazione

Visualizzare le barre di scorrimento per spostarsi verso l'alto, verso il basso, verso sinistra e verso destra all'interno di un'area di contenuto. Gli utenti possono scorrere facendo clic sulle barre di scorrimento o ruotando la rotellina del mouse. Le barre di scorrimento possono indicare la posizione della visualizzazione corrente all'interno dell'area del contenuto (la panoramica con tocco visualizza un'interfaccia utente simile).

Fare clic con il pulsante destro del mouse per selezionare e impartire un comando

Fare clic con il pulsante destro del mouse per visualizzare la barra di spostamento (se disponibile) e la barra dell'app con i comandi globali. Fare clic con il pulsante destro del mouse su un elemento per selezionarlo e visualizzare la barra dell'app con comandi contestuali per l'elemento selezionato.

Nota Fare clic con il pulsante destro del mouse per visualizzare un menu di scelta rapida se i comandi di selezione o barra dell'app non sono comportamenti appropriati dell'interfaccia utente. È tuttavia consigliabile usare la barra dell'app per tutti i comportamenti dei comandi.
 

Comandi dell'interfaccia utente per lo zoom

Visualizzare i comandi dell'interfaccia utente nella barra dell'app (ad esempio + e -) o premere CTRL e ruotare la rotellina del mouse per emulare i movimenti di avvicinamento e di stretching per lo zoom.

Comandi dell'interfaccia utente per ruotare

Visualizzare i comandi dell'interfaccia utente nella barra dell'app o premere Ctrl+Maiusc e ruotare la rotellina del mouse per emulare il gesto di rotazione. Ruotare il dispositivo stesso per ruotare l'intero schermo.

Fare clic con il pulsante sinistro del mouse e trascinare per riorganizzare

Fare clic con il pulsante sinistro del mouse e trascinare un elemento per spostarlo.

Fare clic con il pulsante sinistro del mouse e trascinare per selezionare il testo

Fare clic con il pulsante sinistro del mouse all'interno di testo selezionabile e trascinarlo per selezionarlo. Fare doppio clic per selezionare una parola.

Eventi di input del mouse

La maggior parte degli input del mouse può essere gestita tramite gli eventi di input indirizzati comuni supportati da tutti gli oggetti UIElement . Questi includono:

Tuttavia, è possibile sfruttare le funzionalità specifiche di ogni dispositivo ,ad esempio gli eventi della rotellina del mouse, usando gli eventi puntatore, movimento e manipolazione in Windows.UI.Input.

Campioni: Vedere l'esempio BasicInput per .

Linee guida per il feedback visivo

  • Quando viene rilevato un mouse (tramite eventi di spostamento o passaggio del mouse), mostrare un'interfaccia utente specifica del mouse per indicare le funzionalità esposte dall'elemento. Se il mouse non si sposta per un certo periodo di tempo, oppure se l'utente avvia un'interazione tramite tocco, far svanire gradualmente l'interfaccia utente del mouse. Così l'interfaccia utente rimane pulita e sgombra.
  • Non usare il cursore per il feedback al passaggio del mouse, il feedback fornito dall'elemento è sufficiente (vedere Cursori di seguito).
  • Non visualizzare il feedback visivo se un elemento non supporta l'interazione ,ad esempio il testo statico.
  • Non usare rettangoli di focus con interazioni del mouse. Riservarli per le interazioni tramite tastiera.
  • Visualizzare il feedback visivo simultaneamente per tutti gli elementi che rappresentano la stessa destinazione di input.
  • Fornire pulsanti (ad esempio + e -) per simulare manipolazioni basate sul tocco, ad esempio panoramica, rotazione, zoom e così via.

Per indicazioni più generali sul feedback visivo, vedere Linee guida per il feedback visivo.

Cursors

Per un puntatore del mouse è disponibile un set di cursori standard. Questi vengono usati per indicare l'azione principale di un elemento.

A ogni cursore standard è associata un'immagine predefinita corrispondente. L'utente o un'app può sostituire l'immagine predefinita associata a qualsiasi cursore standard in qualsiasi momento. Specificare un'immagine del cursore tramite la funzione PointerCursor .

Se è necessario personalizzare il cursore del mouse:

  • Usare sempre il cursore freccia per gli elementi cliccabili. non usare il cursore mano che punta per i collegamenti o altri elementi interattivi. Usare invece gli effetti al passaggio del mouse (descritti in precedenza).
  • Usare il cursore di testo (cursore di testo) per il testo selezionabile.
  • Usare il cursore di spostamento (cursore di spostamento) quando lo spostamento è l'azione principale (come ad esempio il trascinamento o il ritaglio). Non usare il cursore di spostamento per gli elementi in cui l'azione principale è la navigazione (ad esempio, riquadri Start).
  • Usare i cursori di ridimensionamento orizzontale, verticale e diagonale (cursore di ridimensionamento verticale, cursore di ridimensionamento orizzontale, cursore di ridimensionamento diagonale (in basso a sinistra, in alto a destra) quando un oggetto è ridimensionabile.
  • Usare i cursori mano che afferra (cursore mano che afferra (aperta), cursore mano che afferra (chiusa)) durante la panoramica del contenuto all'interno di un'area di disegno fissa (ad esempio, una mappa).

Samples

  • Last updated on