Share via


Aggiunta di controlli SemanticZoom (HTML)

[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]

Il controllo SemanticZoom consente all'utente di eseguire lo zoom alternando due diverse visualizzazioni dello stesso contenuto. Di seguito viene mostrato come puoi usare il controllo SemanticZoom.

Visualizzazioni ingrandite e ridotte di un controllo SemanticZoom

Guarda questo breve video per una panoramica sullo zoom semantico e per informazioni su come implementarlo usando JavaScript e HTML.

Lo zoom semantico viene eseguito dall'utente avvicinando le dita (avvicinando le dita si esegue uno zoom indietro, mentre allontanando le dita si esegue uno zoom avanti) oppure mantenendo premuto il tasto CTRL e contemporaneamente ruotando la rotellina del mouse o premendo il tasto + o -. Lo SemanticZoom offre anche un pulsante di zoom indietro quando è attiva la visualizzazione ingrandita.

Zoom del contenuto

La funzionalità di zoom semantico è utile per effettuare una rapida panoramica del contenuto. Toccando il contenuto in una visualizzazione ridotta verranno eseguiti lo zoom avanti e la panoramica del punto toccato, come mostrato di seguito.

Visualizzazione ridotta, il tocco può anche selezionare l'intero contenuto:

Visualizzazione ridotta, il tocco può anche selezionare l'intero contenuto.

Tocco su una parte del contenuto:

 toccare una parte del contenuto:

Visualizzazione ingrandita e centrata sull'area toccata:

Visualizzazione ingrandita e centrata sull'area toccata.

Transizioni con animazione a dissolvenza lineare tra uno zoom semantico e l'altro. Questo è il comportamento di tocco predefinito e non puoi personalizzarlo.

Contenuto della sezione

Argomento Descrizione

Guida introduttiva: Aggiunta di un controllo SemanticZoom

Scopri come usare il controllo SemanticZoom per eseguire lo zoom tra due visualizzazioni dello stesso contenuto.

Modelli SemanticZoom

Modelli di elementi che puoi usare con ListView che fornisce la visualizzazione ridotta per un controllo SemanticZoom.