Windows Dev Center

Linguaggio: HTML | XAML

Aggiunta di barre dell'app (XAML)

Usa le barre dell'app per presentare l'esplorazione, i comandi e gli strumenti agli utenti. Le barre dell'app sono nascoste per impostazione predefinita e vengono visualizzate quando un utente scorre rapidamente un dito dal bordo inferiore dello schermo o quando fa clic con il pulsante destro di un mouse. Si sovrappongono al contenuto dell'app e possono essere chiuse dall'utente scorrendo rapidamente un dito da un bordo o interagendo con l'applicazione. Le barre dell'app rispondono automaticamente allo scorrimento rapido di un dito da un bordo e possono essere visualizzate o nascoste a livello di programmazione.

Controllo barra dell'app inferiore

Il framework XAML offre i controlli CommandBar e AppBar che semplificano la visualizzazione dell'interfaccia utente che appare sul bordo superiore o inferiore della schermata con lo scorrimento rapido dai bordi.

Se vuoi una barra dell'app contenente solo i controlli AppBarButton,AppBarToggleButton e AppBarSeparator, usa un controllo CommandBar. La classe CommandBar semplifica la creazione di barre delle app semplici grazie a:

  • Layout automatico dei comandi con i comandi principali sul lato destro e quelli secondari sul lato sinistro.
  • Ridimensionamento automatico dei comandi della barra dell'app quando cambiano le dimensioni dell'app.

Se devi usare contenuto più complesso, come immagini, barre di stato o blocchi di testo, usa un controllo AppBar. Puoi usare un controllo AppBar con contenuto personalizzato per creare una barra di strumenti o un'interfaccia utente di esplorazione. Quando inserisci i tuoi comandi in un controllo AppBar, devi ridimensionare e ridisporre il contenuto di AppBar in caso di modifica delle dimensioni dello schermo.

Per altre info sulla progettazione delle barre dell'app, vedi Linee guida per le barre dell'app.

Se vuoi provare a utilizzare le barre dell'app e altre funzionalità chiave di Windows 8, scarica le esercitazioni pratiche per Windows 8. Queste esercitazioni forniscono un'introduzione dettagliata modulare alla creazione di un'app Windows Store di esempio in un linguaggio di programmazione scelto da te, come JavaScript e HTML o C# e XAML.

Contenuto della sezione

ArgomentoDescrizione

Guida introduttiva: Aggiunta di barre dell'app

Usa le barre dell'app per mostrare l'esplorazione, i comandi e gli strumenti che possono restare nascosti quando non servono all'utente.

Guida introduttiva: Aggiunta di pulsanti della barra dell'app

I comandi sulla barra dell'app presentano in genere uno stile speciale, caratterizzato da un pulsante di forma arrotondata, un'icona e un'etichetta di testo. Puoi usare i controlli AppBarButton, AppBarToggleButton e AppBarSeparator per creare più facilmente barre dell'app che rispecchiano caratteristiche di progettazione e i comportamenti appropriati.

Come usare una barra dell'app con dimensioni diverse

Quando un utente riduce la larghezza di un'app, lo spazio orizzontale disponibile può essere insufficiente e non consentire la visualizzazione dei comandi. Se la barra della tua app contiene molti pulsanti, devi apportare qualche modifica perché vengano visualizzati correttamente quando la larghezza viene ridotta.

Come aggiungere i comandi contestuali a una barra dell'app

Aggiungi i comandi di un'app in base alla selezione o esplorazione dell'utente.

Come aggiungere un menu a una barra dell'app

Usa un menu per aggiungere un set di comandi correlati a una barra dell'app.

Come condividere una barra dell'app tra le pagine

Usa una barra dell'app tra pagine correlate nell'app.

Stili e modelli per AppBar

In questo argomento vengono descritti gli stili e i modelli per il controllo AppBar.

Stili e modelli per CommandBar

In questo argomento vengono descritti gli stili e i modelli per il controllo CommandBar.

Stili e modelli per AppBarButton

In questo argomento vengono descritti gli stili e i modelli per il controllo AppBarButton.

Stili e modelli per AppBarToggleButton

In questo argomento vengono descritti gli stili e i modelli per il controllo AppBarToggleButton.

Stili e modelli per AppBarSeparator

In questo argomento vengono descritti gli stili e i modelli per il controllo AppBarSeparator.

Immagini di stili di pulsanti di AppBar

Immagini di stili di pulsanti di AppBar inclusi in StandardStyles.xaml.

 

Argomenti correlati

Aggiunta di controlli e contenuto
Per progettisti
Modelli di esplorazione
Modelli d'uso dei comandi
Layout
Hub
Barra dell'app inferiore
Barra dell'app superiore
Pulsante Indietro
Linee guida per le barre dell'app
Linee guida per il controllo hub
Come rendere accessibile la barra dell'app
Per sviluppatori (XAML)
La tua prima app - Parte 3: Navigazione, layout e visualizzazioni.
La tua prima app - Aggiungere una struttura di navigazione e visualizzazioni in un'app di Windows Store scritta in C++ (esercitazione 3 di 4)
Spostamento tra le pagine
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
Esempio di controllo AppBar XAML
Esempio di navigazione XAML
Esempio di controllo hub XAML

 

 

Mostra:
© 2015 Microsoft