Strumenti 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, visita la nostra pagina principale dei download.

Toolkit e librerie

Figma Toolkit iconFigma Toolkit
WinUI 2.7, novembre 2021
Scaricare

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

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

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

Ottieni le app della raccolta WinUI dal Microsoft Store per visualizzare i controlli XAML e i Fluent Design System in azione. Le app WinUI 3 Gallery e WinUI 2 Gallery includono esempi interattivi della maggior parte dei controlli WinUI 3 e WinUI 2, funzionalità e funzionalità. Le app sono un complementare interattivo a questo sito Web. Dopo averli installati, è possibile usare i collegamenti nelle singole pagine di controllo per avviare l'app e visualizzare il controllo in azione.

  • Ottenere la raccolta WinUI 3 e la raccolta WinUI 2 dal Microsoft Store.
  • Ottenere il codice sorgente per entrambi da GitHub (usare il ramo principale per WinUI 3 e il ramo winui2 per WinUI 2).

Tipi di carattere

Strumenti

Download the tile and icon generator

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.
Scarica il generatore di riquadri e icone

Esempi

Fluent XAML Theme Editor imageEditor di 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 imageVanArsdel
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. Usa ampiamente la densità migliorata e i nuovi controlli nella libreria dell'interfaccia utente di Windows, oltre a 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

build cast imageBuildCast
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 un campionamento dei più popolari di Channel 9 e 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 SchedulerUtilità di pianificazione pranzo
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

Ti serve altro codice?

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