Condividi tramite


Panoramica dell'interfaccia utente

La creazione di un'ottima Windows app significa creare un'interfaccia utente intuitiva, reattiva e visivamente lucidata. La piattaforma Windows offre un set completo di blocchi predefiniti dell'interfaccia utente, dai controlli pronti all'uso e dai sistemi di layout flessibili alle animazioni uniformi e alle API di finestra, in modo da poter creare esperienze che si sentono a casa in Windows.

Per i principi di progettazione, i modelli e le linee guida visive, vedere Panoramica della progettazione.

Controlli

Windows offre una libreria completa di controlli dell'interfaccia utente che seguono il linguaggio Fluent Design . Dai controlli di input di base come pulsanti, caselle di controllo e caselle di testo a visualizzazioni avanzate della raccolta, finestre di dialogo, menu e selezione, questi controlli offrono i blocchi predefiniti per qualsiasi interfaccia dell'app.

Inizia con i controlli

Impaginazione

I pannelli di layout e i layout collegati consentono di disporre gli elementi dell'interfaccia utente in modo da adattarsi a diverse dimensioni e orientamenti dello schermo. Usare pannelli predefiniti come StackPanel, Grid e RelativePanel o creare pannelli personalizzati per scenari specializzati. Le trasformazioni e gli effetti prospettica 3D aggiungono ulteriore flessibilità.

Informazioni sui pannelli di layout

Aiutare gli utenti a spostarsi attraverso l'app con modelli di navigazione come lo spostamento indietro, la cronologia di spostamento e le transizioni da pagina a pagina. Usare controlli di spostamento come NavigationView, BreadcrumbBar e TabView per creare strutture di spostamento chiare e coerenti.

Esplorare la navigazione

Motion

Il movimento dà vita all'app e crea un senso di continuità quando gli utenti interagiscono con esso. Usa transizioni di pagina, animazioni connesse, effetti parallasse e animazioni XAML per fornire feedback visivo e guida l'attenzione.

Esplorare il movimento

Windowing

Le API di finestra consentono di gestire le finestre dell'app, personalizzare le barre del titolo e controllare la modalità di visualizzazione dell'app sullo schermo. Usare la classe AppWindow e le API correlate per creare esperienze multi-finestra, passare a schermo intero o implementare sovrimpressioni compatte.

Informazioni sulla finestra