Condividi tramite


Navigazione tra le pagine (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 ]

Scopri come supportare la navigazione tra le pagine e il contenuto all'interno della tua app.

La maggior parte delle app è costituita da più pagine di contenuti e funzionalità che gli utenti possono esplorare e usare. In questo argomento spiegheremo in che modo le app usano in genere un modello di navigazione a pagina singola e mostreremo come implementare la struttura di navigazione tramite controlli dedicati forniti con la libreria Windows per JavaScript (WinJS).

La navigazione a più pagine permette di spostarsi tra le pagine o le schermate senza preoccuparsi del contenuto dell'app. L'uso di questo modello è tipico delle pagine di un sito Web rispetto a un'app. Ogni pagina ha un suo insieme di dati e funzioni JavaScript, un nuovo insieme di codice HTML da visualizzare e informazioni di stile.

Nel modello di navigazione a pagina singola viene invece usata un'unica pagina per visualizzare il contesto dell'app e per caricare ulteriori dati e contenuti secondo le necessità. Anche se devi comunque suddividere l'app in più file, anziché passare da una pagina all'altra, la tua app carica gli altri documenti nella pagina principale. Poiché la pagina principale dell'app non viene mai scaricata, i tuoi script non vengono mai scaricati ed è quindi più facile gestire lo stato, le transizioni o le animazioni. Ti consigliamo di usare il modello di spostamento a pagina singola per le app.

I modelli di progetto JavaScript per le app di Microsoft Visual Studio usano il modello di spostamento a pagina singola. In questo modello le pagine HTML vengono caricate tramite l'URI della pagina in un unico contesto a livello di app. Le pagine vengono caricate come necessario, in genere in risposta ad azioni utente.

Per assistenza sulla scelta del modello di navigazione più adatto alla tua app, vedi l'argomento sui modelli di navigazione.

Per vedere come funzionano i modelli di navigazione semplice e navigazione gerarchica, leggi i relativi argomenti inclusi nella serie Funzionalità delle app dall'inizio alla fine.

Contenuto della sezione

Argomento Descrizione

Guida introduttiva: Uso della navigazione a pagina singola

Scopri come funziona il modello di navigazione a pagina singola e come implementarlo nella tua app usando oggetti PageControl e funzionalità di WinJS.Navigation.

Guida introduttiva: Aggiunta di una barra di spostamento

Scopri come aggiungere una barra di spostamento (nota anche come "barra di navigazione" o "barra superiore") alla tua app di Windows Store usando JavaScript.

Guida introduttiva: Uso di un controllo hub per il layout e la navigazione

Scopri come aggiungere un controllo Hub alla tua app di Windows Store scritta in JavaScript.

Guida introduttiva: Uso di un controllo pivot per il layout e la navigazione

Scopri come usare un controllo WinJS.UI.Pivot per il layout e la navigazione nella tua app Windows Phone 8.1.

Come inserire link alle pagine Web esterne

Scopri come inserire collegamenti a pagine Web esterne e visualizzarle nella tua app.

 

Argomenti correlati

Per gli sviluppatori

La prima app - Parte 3: Oggetti PageControl e navigazione

Aggiunta di barre dell'app

Guida introduttiva: Uso della navigazione a pagina singola

Guida introduttiva: Aggiunta di una barra di spostamento (NavBar)

Guida introduttiva: Uso di un controllo hub per il layout e la navigazione

WinJS.Navigation Namespace

WinJS.UI.Hub object

WinJS.UI.AppBar object

WinJS.UI.NavBar object

WinJS.UI.BackButton object

Esempio del controllo Hub HTML

Esempio di controllo AppBar HTML

Esempio del controllo NavBar HTML

Esempio di navigazione e cronologia di navigazione

Per progettisti

Modelli di esplorazione

Modelli d'uso dei comandi

Layout

Pulsante Indietro

Linee guida per il controllo hub

Linee guida per le barre dell'app

Come rendere accessibile la barra dell'app