Interfaccia utente e input utente

Questo articolo offre una panoramica dei framework dell'interfaccia utente di Windows attualmente gestiti da Microsoft e ne confronta le funzionalità.

Microsoft produce framework dell'interfaccia utente e piattaforme per le app. Le piattaforme per le app in genere includono un framework dell'interfaccia utente, mentre i framework dell'interfaccia utente sono autonomi (non forniti con una piattaforma app) o possono essere usati con più piattaforme app (consultare Scegliere la piattaforma dell'app).

I framework illustrati qui includono WinUI per Windows App SDK (WinUI 3) e UWP (WinUI 2), Windows Presentation Foundation (WPF) e Windows Form (WinForms).

Elementi fondamentali dell'interfaccia utente

Quando si compila un'app di Windows moderna, è possibile scegliere tra i framework dell'interfaccia utente. I framework dell'interfaccia utente forniscono all'app controlli, stili, animazioni, gestione degli input e altro ancora.

Sono disponibili cinque componenti principali che consentono di creare un'interfaccia utente per l'app di Windows. Questi componenti sono in genere incorporati in ogni framework dell'interfaccia utente.

• Controlli e stili

  • Un controllo è un elemento dell'interfaccia utente che visualizza il contenuto o consente l'interazione. I controlli sono gli elementi di base usati dell'interfaccia utente.

    Ecco un esempio di controllo Button disponibile in UWP, WinUI 2 e WinUI 3. Quando si inserisce questo controllo nell'app, questa riceve automaticamente la progettazione predefinita fornita dal framework dell'interfaccia utente.

    

  • Gli stili sono costituiti da colori, tipografia, icone, materiali Fluent e altro ancora che possono essere usati in tutta la progettazione dell'app per creare un'esperienza davvero unica.

    Ecco un esempio di componente di stile denominato Acrilico, disponibile in WinUI 2 e WinUI 3. L'acrilico è un pennello che si può usare sulle superfici all'interno dell'app o come sfondo dell'app. Fornisce una trama traslucida.

    

• Input e interazione

  Gli utenti finali possono interagire con l'app e fornire input all'app (ad esempio la selezione o la digitazione) tramite metodi diversi. Alcuni esempi di input sono:

  • Mouse
  • Touch
  • Gamepad
  • Penna
  • Tastiera
  • Surface Dial
  • Touchpad
  • Comandi vocali

• Supporto di dispositivi

  Gli utenti finali accedono alle app di Windows in un'ampia gamma di dispositivi e i framework dell'interfaccia utente possono supportare solo determinati dispositivi. Alcuni dispositivi comuni per l'esecuzione delle app di Windows sono:

  • PC (spesso definiti "desktop", ma includono anche portatili)
  • Tablet
  • HoloLens
  • Xbox
  • Surface Hub

• Movimento e animazione

  Le animazioni predefinite possono davvero dare all'app un aspetto attraente e in coerenza con le app proprietarie in Windows.

  Un esempio di animazione predefinita in UWP, WinUI 2 e WinUI 3 è l'animazione che si verifica quando l'utente finale passa dalla modalità chiara alla modalità scura. Quando l'utente finale cambia modalità per l'intero PC, l'interfaccia utente dell'app verrà aggiornata automaticamente con un'animazione di transizione.

• Usabilità e accessibilità

  Per garantire che l'app sia piacevole da usare per ogni singolo utente, devi tenere conto dell'accessibilità.

  I framework dell'interfaccia utente offrono accessibilità integrata ai controlli e agli stili con comportamento di tastiera intenzionale, supporto per la lettura dello schermo e altro ancora. Molti forniscono anche API per azioni accessibili nei controlli personalizzati, ad esempio l'interazione con l'utilità per la lettura dello schermo.

Framework di interfaccia utente

Ogni framework dell'interfaccia utente rilasciato da Microsoft ha funzionalità uniche, segue linguaggi di progettazione diversi e offre esperienze diverse all'utente finale. Questa sezione confronta tutti i framework principali dell'interfaccia utente tra cui scegliere quando si inizia a compilare l'app.

La tabella seguente illustra un breve riepilogo di alcune funzionalità principali tra questi framework dell'interfaccia utente. Per altri dettagli su ogni framework, esplorare le schede più avanti.

Funzionalità	Windows App SDK (WinUI 3)	WinUI 2 per UWP	WPF	WinForms
Lingue supportate	C#/.NET 6 e versioni successive, C++/WinRT	C#/.NET Native, C++/WinRT, C++/CX, VB	C#/.NET 6 (e versioni successive) e .NET Framework, C++/CLI (estensioni gestite per C++), F#, VB	C#/.NET 6 (e versioni successive) e .NET Framework, C++/CLI (estensioni gestite per C++), F#, VB
Dispositivi supportati	PC (inclusi portatili e tablet), supporto per tutti i dispositivi Windows 10 presto disponibile	Tutti i dispositivi Windows 10 (PC, tablet, HoloLens, Xbox, Surface Dial e altro ancora)	PC desktop e portatili	PC desktop e portatili
Input supportati	Tutti gli input di Windows 10 supportati	Tutti gli input di Windows 10 supportati	Mouse e tastiera	Mouse e tastiera
Versione del sistema operativo Windows supportata	Windows 10 versione 1809 o successive	Windows 10 versione 1703 o successive	Windows XP o versione successiva	Windows XP o versione successiva
Supporto di WebView	WebView2 basato su Chromium	WebView non chromium	Supporto WebView2 presto disponibile	Supporto WebView2 presto disponibile
Open Source	Presto disponibile	Sì	Sì (solo .NET 6 e versioni successive)	Sì (solo .NET 6 e versioni successive)

Per altre informazioni su ognuno di questi framework dell'interfaccia utente, vedere le informazioni nelle schede seguenti.

Windows App SDK (WinUI 3)

Windows App SDK (WinUI 3)

Per la maggior parte delle nuove app di Windows, è consigliabile usare WinUI con Windows App SDK (WinUI 3) per creare l'interfaccia utente. WinUI 3 offre esperienze coerenti, intuitive e accessibili attraverso l’utilizzo dei più recenti modelli di interfaccia utente.

WinUI 3 è completamente separato dal sistema operativo Windows e viene fornito come parte di Windows App SDK, un set di strumenti e componenti che rappresentano la prossima evoluzione nella piattaforma di sviluppo di app di Windows.

WinUI 3 è l'ultima generazione di WinUI. WinUI 2 e 3 condividono molti degli stessi controlli, stili e altri concetti fondamentali dell'interfaccia utente (consultare Confronto tra WinUI 2 e WinUI 3).

Scenari principali di app abilitate da WinUI 3

• App di Windows moderne che devono essere eseguite in un'ampia gamma di dispositivi moderni, con una gamma di input moderni
• App Desktop/Win32 scritte in C++
• Giochi o app con prestazioni di grafica elevate che vogliono sfruttare DirectX e Win2D
• App con un sacco di contenuti Web integrati che richiedono prestazioni elevate
• App che cercano di offrire esperienze "perfettamente adattate" nel sistema operativo Windows e con altre app di Windows di terze parti

Documentazione utile per WinUI 3

• Panoramica: WinUI 3
• Attività iniziali: Creare il primo progetto WinUI 3
• Scrittura di XAML: piattaforma XAML
• Informazioni di riferimento sull'API: Informazioni di riferimento sull'API WinUI
• Controlli: Panoramica dei controlli
• Input: Input e interazioni
• Movimento: Movimento per le app di Windows
• Accessibilità: Usabilità per le app di Windows
• Esempi: App della raccolta WinUI 3

WinUI 2 per UWP

WinUI 2 per UWP

Per la maggior parte delle app UWP, consigliamo di usare WinUI 2 per creare l'interfaccia utente. WinUI 2 è un framework dell'interfaccia utente autonomo fornito in un pacchetto NuGet e può essere facilmente aggiunto a qualsiasi app UWP per modernizzare la progettazione e l'esperienza complessiva.

WinUI 2 e 3 condividono molti degli stessi controlli, stili e altri concetti fondamentali dell'interfaccia utente (consultare Confronto tra WinUI 2 e WinUI 3).

Scenari principali di app abilitate da WinUI 2

• App UWP che cercano di funzionare a livello inferiore a tutte le versioni di Windows 10 e Windows 11
• Giochi o app con prestazioni grafiche elevate che vogliono sfruttare DirectX e Win2D
• App UWP che devono essere eseguite su un'ampia gamma di dispositivi moderni, con una gamma di input moderni
• App che cercano di offrire esperienze "perfettamente adattate" nel sistema operativo Windows e con altre app di Windows di terze parti

Documentazione utile per WinUI 2

• Panoramica: WinUI 2
• Attività iniziali: Guida introduttiva alla libreria dell'interfaccia utente di Windows 2.x
• Scrittura di XAML: piattaforma XAML
• Informazioni di riferimento sull'API: Informazioni di riferimento sull'API WinUI
• Controlli: Panoramica dei controlli
• Input: Input e interazioni
• Movimento: Movimento per le app di Windows
• Accessibilità: Usabilità per le app di Windows
• Esempi: App della raccolta WinUI 2

WPF

WPF

Windows Presentation Framework (WPF) è un modello di app per la creazione di app desktop con .NET 6 (e versioni successive) o .NET Framework. Si tratta di una piattaforma open source gestita dai team di Windows e .NET.

Il framework dell'interfaccia utente incluso in WPF fornisce controlli, stili e funzionalità supportati tramite Windows XP.

Scenari principali di app con abilitazione da WPF

• App che devono essere eseguite in versioni di Windows precedenti a Windows 10
• App che vengono eseguite esclusivamente nei PC e che non richiedono un'ampia gamma di input, ad esempio il tocco
• App che necessitano di controlli predefiniti più complessi: WPF ha il set più grande di controlli predefiniti disponibili per lo sviluppo di Windows

Documentazione utile per WPF

• Panoramica: Guida desktop (WPF .NET)
• Attività iniziali: Esercitazione: Creare una nuova app WPF
• Scrittura di XAML: Panoramica di XAML (WPF .NET)
• Informazioni di riferimento sulle API: Informazioni di riferimento sulle API .NET
• Controlli: Controlli (WPF)
• Input: Input (WPF)
• Movimento: Panoramica dell'animazione
• Accessibilità: Procedure consigliate per l'accesso facilitato
• Esempi: Repository GitHub di esempi WPF

WinForms

WinForms

Windows Form offre un'unica finestra di progettazione predefinita di Visual Studio per la compilazione di app .NET desktop. Con la finestra di progettazione si compila l'interfaccia utente trascinando e rilasciando i controlli predefiniti direttamente nell'interfaccia utente dell'app.

Windows Form è un progetto open source.

Si noti che Windows Form non include animazioni incorporate, a differenza degli altri framework dell'interfaccia utente menzionati in questo articolo. Non supporta anche il markup XAML: è necessario usare la finestra di progettazione o il codice per creare l'interfaccia utente dell'app.

Scenari principali di app abilitati da Windows Form

• Sviluppatori o progettisti che vogliono creare app senza conoscere o scrivere XAML
• App che devono essere eseguite in versioni di Windows precedenti a Windows 10
• App che vengono eseguite esclusivamente nei PC e che non richiedono un'ampia gamma di input, ad esempio il tocco
• App che non cercano di creare controlli personalizzati o un'interfaccia utente altamente personalizzata

Documentazione utile per Windows Forms

• Panoramica: Guida per desktop (Windows Forms .NET)
• Attività iniziali: Esercitazione: Creare una nuova app WinForms (Windows Form .NET)
• Informazioni di riferimento sulle API: Informazioni di riferimento sulle API .NET
• Controlli: Panoramica dell'uso dei controlli (Windows Form .NET)
• Input: Input dell'utente (Windows Forms)
• Accessibilità: Accessibilità in Windows Form
• Esempi: Repository GitHub di esempi Winforms

Altro

Altro

In questo articolo non sono stati illustrati alcuni framework dell'interfaccia utente, tra cui Win32/ComCtl32 e MFC. Anche se questi framework dell'interfaccia utente sono ancora disponibili per l'uso, non vengono gestiti regolarmente e non soddisfano gli stessi standard di accessibilità e progettazione offerti da Windows. È consigliabile usare un framework più moderno durante la creazione di nuove app di Windows.

Per informazioni sulla modernizzazione di un'app che usa un framework dell'interfaccia utente precedente, consultare Modernizzare le app desktop.

Per ulteriori informazioni su questi framework dell'interfaccia utente, vedere la documentazione seguente:

• Panoramica su MFC
• Win32/ComCtl32