Windows Dev Center

Linee guida per i controlli

Questa sezione raccoglie le informazioni sulla progettazione per tutti i controlli disponibili in un'unica posizione, per facilitarne l'accesso e come strumento di riferimento rapido. Sono descritti i controlli standard disponibili senza personalizzazione e viene anche fornito un esempio di utilizzo in un'app reale per ogni controllo.

Nota   Tutti i controlli in questa sezione sono inclusi nei modelli per Adobe Photoshop e Adobe Illustrator. Per scaricare i modelli, vedi Download.

L'uso dei controlli standard ti permette di risparmiare tempo per la creazione delle interazioni comuni. Funzionano bene nella versione predefinita. Se collabori con uno sviluppatore, puoi fare riferimento a questi controlli nella progettazione per usare un linguaggio comune. Per informazioni destinate agli sviluppatori sui controlli, vedi Elenco dei controlli (app di Windows Store in JavaScript e HTML) o Elenco dei controlli (app di Windows Store in C#/VB/C++ e XAML).

I controlli standard rappresentano solo un punto di partenza. Per alcune interazioni non è necessaria alcuna personalizzazione, ma per altre hai l'opportunità di sorprendere gli utenti con elementi di interfaccia utente speciali o di introdurre elementi personalizzati nell'app. In alcune app, ad esempio, il controllo pulsante nella versione standard è una soluzione veloce e ottimale. In altre app, invece, i pulsanti personalizzati sono un elemento personalizzato dell'app.

Contenuto della sezione

ArgomentoDescrizione

Barre dell'app

Le barre delle app forniscono agli utenti un facile accesso ai comandi. Gli utenti possono scorrere rapidamente il bordo superiore o inferiore dello schermo per visualizzare le barre dell'app e interagire con il relativo contenuto per nasconderle. Le barre dell'app possono anche essere usate per mostrare i comandi o le opzioni specifiche per il contesto dell'utente, come ad esempio la modalità di selezione delle foto o la modalità disegno. Permettono inoltre di spostarsi tra le pagine o le sezioni dell'app.

Pulsanti Indietro

Il pulsante Indietro fornisce la funzionalità di esplorazione a ritroso sotto forma di pulsante.

Pulsanti

Un pulsante, chiamato anche pulsante di comando, offre all'utente un modo per attivare un'azione immediata.

Caselle di controllo

Segui queste linee guida per aggiungere caselle di controllo alla tua app.

Menu di scelta rapida

Un menu di scelta rapida visualizza un breve elenco di comandi e opzioni a disposizione dell'utente nel contesto corrente.

Controlli di selezione data

Il controllo selezione data ti offre un modo standardizzato per permettere agli utenti di selezionare una data localizzata tramite tocco, mouse o input da tastiera.

Elenchi a discesa

Un elenco a discesa consente agli utenti di effettuare una scelta in un elenco di valori che si escludono a vicenda.

Controlli FlipView

Esempio di controllo FlipView standard

Riquadri a comparsa

Un riquadro a comparsa è un controllo popup leggero usato per visualizzare temporaneamente l'interfaccia utente correlata alle azioni dell'utente in corso.

Controlli Hub nelle app di Windows Store

Il controllo hub usa un modello di esplorazione gerarchico per supportare le app con un'architettura delle informazioni relazionale.

Controlli Hub nelle app di Windows Phone Store

Il controllo hub visualizza una serie di sezioni che possono essere visualizzate in panoramica da lato a lato. Si tratta di un contenitore a schermo intero e modello di navigazione per un'app.

Etichette

L'etichetta è il nome o il titolo di un controllo o di un gruppo di controlli correlati. Non fornisce alcuna funzionalità.

Link

Linee guida per l'aggiunta di collegamenti alle app di Windows Store.

Caselle elenco (o selezione)

Una casella di riepilogo (anche definita select) offre all'utente la possibilità di scegliere uno o più elementi da un elenco. È possibile scorrere gli elementi contenuti in una casella di riepilogo se lo spazio disponibile non è sufficiente per mostrarli tutti.

Controlli relativi a visualizzazione elenco e visualizzazione griglia

Linee guida per l'aggiunta di controlli ListView all'app di Windows Store in JavaScript.

Mappe

Il controllo map consente di visualizzare mappe stradali e visualizzazioni aeree, indicazioni stradali, risultati delle ricerche e informazioni sul traffico.

Finestre di dialogo di messaggio

Una finestra di dialogo con messaggio è un elemento sovrapposto dell'interfaccia utente che fornisce una superficie stabile e contestuale, sempre modale, che viene chiusa in modo esplicito.

Pivot

Il controllo Pivot è un contenitore a schermo intero e un modello di navigazione che offre anche un modo rapido per spostarsi tra diversi Pivot (visualizzazioni o filtri), in genere nello stesso set di dati. Ad esempio, un'app email che usa un controllo Pivot può elencare tutte le email nel primo elemento Pivot (o visualizzazione) e quindi filtrare lo stesso elenco identificando le email non lette, contrassegnate e urgenti negli altri elementi Pivot.

Controlli di stato

Un controllo di stato fornisce all'utente un feedback nel caso in cui sia in corso un'operazione di lunga durata.

Pulsanti di opzione

Con i pulsanti di opzione gli utenti possono selezionare un'opzione tra due o più scelte.

Controllo di classificazione

Con questo controllo, gli utenti possono valutare qualcosa facendo clic su un'icona che rappresenta una classificazione. Possono essere visualizzati tre tipi di classificazione: una media, una provvisoria e una definita dall'utente.

Ricerca

Usa queste linee guida per agevolare l'ottenimento di risultati di ricerca nei contenuti della tua app. Queste linee guida ti aiutano a fornire suggerimenti di ricerca e testo segnaposto nella casella di ricerca e a progettare una pagina dei risultati di ricerca.

Barre di scorrimento

Le operazioni di panoramica e scorrimento consentono agli utenti di raggiungere contenuto che si estende oltre i limiti della schermata.

Zoom semantico

Il controllo dello zoom semantico consente all'utente di eseguire lo zoom tra due diverse visualizzazioni semantiche dello stesso contenuto.

Dispositivi di scorrimento

Segui queste linee guida per aggiungere dispositivi di scorrimento alla tua app di Windows Store.

Selezioni ora

Il controllo selezione ora ti offre un modo standardizzato per permettere agli utenti di selezionare un'ora localizzata tramite tocco, mouse o tastiera.

Interruttori

Il controllo interruttore consente agli utenti di attivare o disattivare opzioni, in modo simile agli interruttori veri e propri. Fai riferimento a queste linee guida quando aggiungi controlli interruttore Attiva/Disattiva nella tua app di Windows Store.

Descrizioni comandi

Usa una descrizione comando per fornire altre informazioni su un controllo prima di chiedere all'utente di eseguire un'azione.

Visualizzazioni Web

Un controllo visualizzazione Web integra nella tua app una visualizzazione con un aspetto e un funzionamento analoghi a quelli di Internet Explorer. In un controllo visualizzazione Web possono anche apparire collegamenti ipertestuali funzionanti.

 

 

 

Mostra:
© 2015 Microsoft