Toolkit ed esempi di progettazione per le app di Windows

Download relativi alla progettazione e all'interfaccia utente per app Fluent Design/Windows. Per altri strumenti, come Visual Studio, visitare la nostra pagina principale dei download.

Toolkit e librerie

Toolkit Figma
WinUI 3 in WinAppSDK 1.1, ottobre 2022
Scarica

Libreria dell'interfaccia utente di Windows
Controlli e altri elementi dell'interfaccia utente per le app di Windows.
Istruzioni per l'installazione

Windows Community Toolkit
Funzioni helper, controlli personalizzati e servizi app.
Istruzioni per l'installazione

Template Studio
Eseguire lo scaffolding di app usando un'interfaccia utente basata su procedura guidata.
Istruzioni per l'installazione

Raccolta WinUI

Scaricare l'app Raccolta WinUI da Microsoft Store per vedere i controlli XAML e Fluent Design System in azione. Le app Raccolta WinUI 3 e Raccolta WinUI 2 includono esempi interattivi della maggior parte dei controlli e delle funzionalità di WinUI 3 e WinUI 2. Le app sono un elemento interattivo complementare di questo sito Web. Dopo averle installate, è possibile usare i collegamenti nelle singole pagine dei controlli per avviare l'app e vedere il controllo in azione.

• Ottenere Raccolta WinUI 3 e Raccolta WinUI 2 dal Microsoft Store.
• Ottenere il codice sorgente per entrambe le app da GitHub (usare il ramo principale per WinUI 3 e il ramo winui2 per WinUI 2).

Tipi di carattere

• Variabile interfaccia utente Segoe
• Icone Fluent Segoe
• Interfaccia utente Segoe
• MDL2 Segoe
• Tipo di carattere icona Hololens (solo Windows)

Strumenti

Generatore di riquadri e icone per Adobe Photoshop Questo set di azioni per Adobe Photoshop genera i 68 asset consigliati per riquadri e icone da solo 7 file.
Scaricare il generatore di riquadri e icone

Esempi

Editor temi XAML Fluent
L'editor di Temi Fluent XAML è uno strumento che dimostra la flessibilità del sistema Fluent Design e supporta il processo di sviluppo delle app generando markup XAML per il framework ResourceDictionary usato nelle applicazioni di Windows. Scarica l'esempio dello strumento
Scopri lo strumento su GitHub

VanArsdel
L'app di Windows completa di esempio di Van Arsdel, Ltd. è stata creata per illustrare la prossima generazione del sistema di progettazione Microsoft Fluent Design. L'app fa ampio uso della densità migliorata e dei nuovi controlli della libreria dell'interfaccia utente di Windows, oltre che delle potenti funzionalità sottostanti del framework e della composizione dell'esperienza utente. L'esempio mostra come creare un'esperienza utente avanzata e produttiva per la gestione e l'acquisto di dispositivi IoT (in questo caso lampade).
Scarica l'app di esempio VanArsdel
Scopri l'app di esempio VanArsdel su GitHub

BuildCast
BuildCast è un esempio completo creato per illustrare il sistema di progettazione Fluent Design e la piattaforma Windows. Consente di esplorare, scaricare e riprodurre podcast video selezionati, tra cui alcuni feed di appassionati di tecnologia Windows. Offre inoltre note input penna, segnalibri e riproduzione remota. Questo esempio è stato presentato per la prima volta alla conferenza Build 2017 durante l'intervento sulla compilazione di app eccellenti con il sistema di progettazione Fluent Design.
Scarica l'esempio BuildCast
Scopri l'esempio BuildCast su GitHub

Lunch Scheduler
Esempio di app di Windows per la pianificazione del pranzo con amici e colleghi. Crea un pranzo, invita gli amici a un ristorante che ti piace e l'app si occupa della gestione di tutte le parti interessate al pranzo. Questa app incorpora elementi del sistema di progettazione Fluent Design in un'app di Windows, incluse le animazioni connesse, la rivelazione e l'acrilico.
Scarica l'esempio Lunch Scheduler
Scopri l'esempio Lunch Scheduler su GitHub

Serve altro codice?

Per un elenco completo di tutti gli esempi di app di Windows, vedi la pagina degli esempi di Windows. Passare al portale degli esempi