Visual Studio Windows alkalmazásfejlesztéshez

Visual Studio a Windows-alkalmazások WinUI és a Windows App SDK használatával történő létrehozásához ajánlott IDE. Mély integrációt biztosít a Windows platformmal és az XAML-alapú alkalmazásfejlesztéshez készült eszközökkel.

A Windows app fejlesztők fő funkciói a következők:

  • XAML Hot Reload – az XAML-korrektúra módosítása az alkalmazás futtatása közben, és a módosítások azonnali alkalmazása újraindítás nélkül
  • XAML élő vizualizációs fa – vizsgálja meg a futó alkalmazás futtatókörnyezeti vizualizációs fáját az elrendezési problémák hibakereséséhez és az elemhierarchia megértéséhez
  • IntelliSense XAML-hez és C#/C++- hoz – kódkiegészítés, gyors információ és hibakiemelés mind a korrektúrához, mind a kód mögötti kódhoz
  • Integrált hibakeresés – töréspontok beállítása XAML-ben és kódban, adatkötések vizsgálata és felhasználói felületi megjelenítési problémák diagnosztizálása

Első lépésként tekintse meg a WinUI 3-projekt létrehozása és futtatása című témakört.

WinUI project-sablonok

Visual Studio olyan projektsablonokat tartalmaz, amelyek segítenek a WinUI-alkalmazások gyors létrehozásában. A kereséshez nyissa meg a File>Új>Project, ezután szűrjön WinUI a project típus legördülő listában, vagy keressen rá WinUI.

WinUI-projektsablonok

Alkalmazássablonok

Válasszon egy sablont a kiindulni kívánt alkalmazásváz alapján. Válasszon ki egy sablonnevet annak az alkalmazásnak a képernyőképének megtekintéséhez, amelyet létrehoz.

Template Nyelv winapp CLI-sablon Leírás
WinUI üres alkalmazás (csomagolt) C# és C++ winui (C#) Egyetlen, tartalom nélküli ablak. Ez a legtöbb új alkalmazás ajánlott kiindulópontja.
WinUI Navigációs alkalmazás C# winui-navview NavigationView héj Kezdőlap, Névjegy és Beállítások lapokkal.
WinUI TabView alkalmazás C# winui-tabview Egy TabView-felület, amelynek lapjai a címsorban találhatók.
WinUI MVVM App C# winui-mvvm A Model-View-ViewModel (MVVM) mintát használó lap és nézetmodell a CommunityToolkit.Mvvm használatával.
Üres alkalmazás (WAP-projektbe csomagolva) C# és C++ Nem elérhető Egy üres alkalmazás, valamint egy külön Windows Application Packaging Project.

Projekt létrehozása a parancssorból

A C#-alkalmazássablonok a terminálról is elérhetők a Windows-alkalmazás fejlesztői parancssori felületen (winapp CLI). Adja át a sablon nevét a táblából winapp new, majd hozza létre és indítsa el az alkalmazást a következővel winapp run:

winapp new --name MyApp --template winui-navview --use-defaults
cd MyApp
winapp run

Futtassa a(z) winapp new --list parancsot az összes telepített sablon megtekintéséhez. A létrehozott projekt egy szabványos .csproj, így bármikor megnyithatja a Visual Studióban. További információ: Winapp CLI használata a WinUI-val.

WinUI üres alkalmazás (csomagolt)

Létrehoz egy asztali alkalmazást c# (.NET) vagy C++ (Win32) nyelven WinUI-alapú felhasználói felülettel. A project egyetlen, Microsoft.UI.Xaml.Window ablakból származó ablakkal kezdődik, amely készen áll a saját vezérlők és lapok hozzáadására. Ez a legtöbb új alkalmazás ajánlott kiindulópontja. Útmutató: WinUI 3-projekt létrehozása és futtatása.

A WinUI Üres alkalmazás sablonból létrehozott alkalmazás, amely egy üres ablakot jelenít meg egy címsorral.

WinUI navigációs alkalmazás

Létrehoz egy C#-alkalmazást, amelynek bal oldali paneljén egy NavigationView található. A sablon tartalmazza a Kezdőlap és a Névjegy lapokat, a Beállítások elemet és a köztük való váltást végző navigációs kódot.

A WinUI navigációs alkalmazás sablonjából létrehozott alkalmazás, amely egy navigációs panelt jelenít meg a Kezdőlap, a Névjegy és a Beállítások elemekkel és a kezdőlaptal.

WinUI TabView alkalmazás

Létrehoz egy C#-alkalmazást egy TabView-tal , amely a címsorra terjed ki. A sablon tartalmazza a Kezdőlap és a Névjegy lapokat, valamint az új lapok hozzáadására szolgáló gombot.

A WinUI TabView alkalmazássablonból létrehozott alkalmazás, amely a Kezdőlap és a Névjegy lapokat jeleníti meg a címsorban.

WinUI MVVM-alkalmazás

Létrehoz egy C#-alkalmazást, amely elválasztja a felhasználói felületet a logikától az MVVM-mintával. A sablon a CommunityToolkit.Mvvm-et használja megfigyelhető tulajdonságokhoz és parancsokhoz, és megjelenít egy nézetmodellhez kötött számlálót.

A WinUI MVVM alkalmazássablonból létrehozott alkalmazás, amely egy Hello, WinUI! címsort és egy számlálót jelenít meg növelő és csökkentő gombokkal.

Üres alkalmazás (Csomagolva a WAP-projekttel)

Ugyanaz, mint a WinUI Blank App (Packaged) sablon fent, de hozzáad egy külön Windows Application Packaging Project a megoldáshoz. Ez a project kezeli az alkalmazás MSIX-csomagba való összeállítását. Ha egyszerűbb beállítást szeretne, a single-project MSIX használatával elkerülheti a különálló csomagolási project fenntartását.

Összetevő- és tesztsablonok

Ezek a sablonok olyan kódtárakat és tesztprojekteket hoznak létre, amelyek a WinUI-alkalmazásokkal együtt működnek.

Template Nyelv winapp CLI-sablon Leírás
WinUI osztálykönyvtár C# winui-lib Egy .NET osztálykódtár (DLL) a kód és a felhasználói felület összetevőinek WinUI-alkalmazásokban való megosztásához.
Windows-futtatókörnyezet összetevő C++ Nem elérhető C++/WinRT nyelven írt Windows-futtatókörnyezet összetevő amelyet bármely, WinUI-alapú felhasználói felülettel rendelkező alkalmazás használhat, programozási nyelvtől függetlenül.
WinUI-egység tesztalkalmazás C# és C++ winui-unittest (C#) Az MSTest project az alkalmazáson végzett automatizált tesztek írásához és futtatásához.

WinUI-elemsablonok

Az elemsablonok segítségével új fájlokat adhat hozzá egy meglévő WinUI projekthez. Kattintson a jobb gombbal a projektre a Megoldáskezelő területen, válassza a Add>Új elem lehetőséget, és válassza a WinUI lapot.

WinUI-elemsablonok

Template Nyelv Leírás
Üres oldal C# és C++ Hozzáad egy XAML-fájlt és egy kódfájlt, amely a Microsoft.UI.Xaml.Controls.Page osztályból származó új lapot definiál.
Üres ablak C# és C++ Hozzáad egy XAML-fájlt és egy kódfájlt, amely a Microsoft.UI.Xaml.Window osztályból származó új ablakot definiál.
Tartalom párbeszédablak C# Hozzáad egy XAML-fájlt és egy kódfájlt, amely egy új párbeszédpanelt definiál, amely a Microsoft.UI.Xaml.Controls.ContentDialog osztályból származik. További információ: Párbeszédpanel-vezérlők.
Erőforrás-szótár C# és C++ Az XAML-erőforrások üres, kulcsos gyűjteményét adja hozzá. További információ: ResourceDictionary és XAML erőforráshivatkozások.
Erőforrások fájlja (.resw) C# és C++ Hozzáad egy fájlt az alkalmazás sztringjének és feltételes erőforrásainak tárolásához. Ezzel az elemet használhatja az alkalmazás honosításához. További információért lásd: Sztringek lokalizálása a felhasználói felületen és az alkalmazáscsomag jegyzékfájljában.
Sablonvezérelt vezérlő C# és C++ Hozzáad egy kódfájlt, amely egy sablonalapú vezérlőt hoz létre alapértelmezett stílussal. A sablonalapú vezérlő a Microsoft.UI.Xaml.Controls.Control osztályból származik.

Az elemsablon használatát bemutató útmutatót az XAML-sablonvezérlők összeállítása című témakörben találja. A sablonalapú vezérlőkről további információt Egyéni XAML-vezérlőkcímű témakörben talál.
Felhasználói vezérlő C# és C++ Hozzáad egy XAML-fájlt és egy kódfájlt a Microsoft.UI.Xaml.Controls.UserControl osztályból származó felhasználói vezérlő létrehozásához. A felhasználói vezérlők általában a kapcsolódó meglévő vezérlőket foglalja magában, és saját logikát biztosítanak.

További információ a felhasználói vezérlőkről: Egyéni XAML-vezérlők.

Ha ezeket az elemeket egy C#-projekt parancssorából szeretné hozzáadni, használja a megfelelő dotnet new elemsablont, például dotnet new winui-page -n SettingsPage. Futtassa a(z) dotnet new list winui elemet az összes elemsablon megjelenítéséhez.

Lásd még