Aggiunta di barre dell'app e barre degli strumenti (HTML)

  • Articolo

[ 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 ]

Usa le barre dell'app per visualizzare comandi specifici del contesto dell'utente, in genere la pagina o la selezione corrente. La barra dell'app rappresenta una superficie per i comandi che passa allo stato aperto quando l'utente tocca i puntini di sospensione sulla barra, visualizzando le etichette dei pulsanti delle icone e le voci di menu (se abilitate). Un comando AppBarCommand può essere "primario" o "secondario". I comandi primari sono visibili come pulsanti nell'area delle azioni della barra dell'app, mentre i comandi secondari sono sempre nascosti come menu nell'area di riversamento. Le barre dell'app sono vincolate alla parte superiore o inferiore della visualizzazione dell'applicazione e si sovrappongono sempre al canvas.

Esempio di barra dell'app

La barra degli strumenti è un tipo speciale di barra dell'app, un semplice controllo che gestisce la scalabilità dei comandi. Questo controllo include un'area delle azioni, in cui i comandi sono disponibili immediatamente, e un'area di riversamento, in cui i comandi sono nascosti, ma possono essere visualizzati su richiesta dell'utente finale. Il controllo supporta il comportamento adattivo che consente ai comandi di passare dinamicamente dall'area primaria a quella secondaria quando lo spazio è limitato. ToolBar non deve necessariamente essere posizionato in un unico punto dell'app, ma può trovarsi in diverse posizioni, ad esempio AppBar, Flyout e canvas.

Puoi provare a usare i controlli AppBar e ToolBar e altre importanti funzionalità della libreria Windows per JavaScript (WinJS) nel sito Web Prova WinJS.

La cosa importante da ricordare è che le barre dell'app e le barre degli strumenti sono diverse per alcuni aspetti:

  • La barra dell'app è una leggera sovrimpressione disattivabile e di conseguenza copre sempre una parte dello schermo.
  • La barra dell'app, come ogni leggera sovrimpressione disattivabile, deve sempre essere un elemento figlio dell'elemento <body>.
  • La barra degli strumenti, quando è chiusa, non è una sovrimpressione, ovvero deve avere il proprio spazio di layout come qualsiasi altro componente.
  • La barra degli strumenti, quando è aperta, si comporta come una sovrimpressione coprendo il contenuto adiacente quando viene espansa in verticale.

Contenuto della sezione

Argomento Descrizione

Aggiunta di una barra degli strumenti con comandi (HTML)

ToolBar è un semplice controllo che supporta la scalabilità dei comandi. Include un'action area, in cui i comandi sono disponibili immediatamente, e un'overflow area, in cui i comandi sono nascosti, ma possono essere visualizzati su richiesta dell'utente finale. Il controllo supporta il comportamento adattivo che consente ai comandi di passare dinamicamente dall'area primaria a quella secondaria quando lo spazio è limitato. ToolBar non deve necessariamente essere posizionato in un unico punto dell'app, ma può trovarsi in diverse posizioni, ad esempio Splitview, Flyout e canvas.

Aggiunta di una barra dell'app con comandi (HTML)

Questo articolo descrive come aggiungere una barra dell'app alla tua app di Windows Runtime scritta in JavaScript.

Aggiunta di una barra dell'app con contenuto personalizzato (HTML)

Usando JavaScript, puoi aggiungere una barra dell'app con contenuto personalizzato alla tua app di Windows Store.

Come creare barre dell'app utilizzabili con ListView

Questa procedura descrive l'interazione tra il controllo ListView e la barra dell'app per supportare questi scenari applicando le procedure consigliate per la barra dell'app.

Applicazione di stili alle barre dell'app e alle barre degli strumenti (HTML)

Fornisce esempi di come applicare stili a una barra dell'app o a una barra degli strumenti e ai loro controlli.