Megosztás:


Rövid útmutató a WinUI-hoz és a Windows App SDK-hoz

Ez a Hello World-útmutató végigvezeti a WinUI és a Windows App SDK fejlesztői környezetének a Visual Studióban való beállításán és az első alkalmazás létrehozásán.

1. Fejlesztői mód engedélyezése

A Windows fejlesztői módot tartalmaz, amely a biztonsági beállításokat úgy módosítja, hogy ön futtathassa és tesztelhesse az éppen készült alkalmazásokat. Az alkalmazás Visual Studióval való létrehozása, üzembe helyezése és tesztelése előtt engedélyezze a fejlesztői módot.

Jótanács

Ha most nem engedélyezi a fejlesztői módot, a Visual Studio arra kéri, hogy engedélyezze azt az alkalmazás létrehozásakor.

Fejlesztői mód engedélyezése:

  • Nyissa meg a Windows-beállításokat, és lépjen a System Advanced (Speciális rendszer>) lapra.
  • Kapcsolja be a fejlesztői módot, és erősítse meg a választását a megerősítést kérő párbeszédpanelen.

A fejlesztői módról további információt a Fejlesztők beállításai című témakörben talál.

2. A Visual Studio és a WinUI és a Windows App SDK szükséges számítási feladatainak telepítése

WinUI-alkalmazások létrehozásához, hibakereséséhez és üzembe helyezéséhez használja a Visual Studiót, a Microsoft IDE-t. A Visual Studio windowsos használatra kész projektsablonokat tartalmaz, amelyek segítenek a gyors kezdésben.

Az ingyenes Visual Studio Community kiadás mindent tartalmaz, amire szüksége van az alkalmazások fejlesztéséhez. A Professional és Enterprise kiadások nagyobb csapatok vagy szervezetek számára érhetők el. További részletekért lásd : Mi a Visual Studio? és a Windows-alkalmazások fejlesztésének rendszerkövetelményei.

Telepítse a szükséges eszközöket és számítási feladatokat az alábbi parancsok egyikének futtatásával egy konzolon.
A parancs megnyitja a Visual Studio Installert a hiányzó számítási feladatok előre kijelöltével – a telepítéshez válassza a Módosítás lehetőséget.

A Közösség helyett a Professional vagy az Enterprise verziót használhatja egy másik Visual Studio-kiadás telepítéséhez.

C# alkalmazásfejlesztéshez

winget install "Visual Studio Community 2022"  --override "--add Microsoft.VisualStudio.Workload.ManagedDesktop Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cs" -s msstore

C++ alkalmazásfejlesztéshez

winget install "Visual Studio Community 2022"  --override "--add Microsoft.VisualStudio.Workload.NativeDesktop  Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cpp"  -s msstore

3. Az első WinUI-alkalmazás létrehozása és elindítása

A Visual Studio projektsablonjai mindent tartalmaznak, amire szüksége van az alkalmazások gyors létrehozásához. Amikor egy WinUI-alkalmazássablonból hoz létre projektet, egy futtatható alkalmazással kezd, amelyet saját kóddal bővíthet.

Új projekt létrehozása a WinUI C# Blank App projektsablon használatával:

  1. Nyissa meg a Visual Studiót, és válassza az Új projekt létrehozása lehetőséget az indítási lapon. Ha a Visual Studio már meg van nyitva, válassza a Fájl>Új>Projekt lehetőséget. Új projekt létrehozása

  2. Keresse meg a WinUI-t, válassza a WinUI Blank App (Csomagolt) C# projektsablont, majd válassza a Tovább lehetőséget. Üres, csomagolt WinUI 3 C# asztali alkalmazás

  3. Adjon meg egy projektnevet, majd válassza a Létrehozás lehetőséget. Megadhatja a megoldás nevét és könyvtárát, vagy meghagyhatja az alapértelmezett értékeket. Ebben a képen a Hello World projekt egy Hello World megoldáshoz tartozik, amely a következő helyen C:\Projects\található: Projekt részleteinek megadása

  4. A projekt létrehozásához és futtatásához nyomja le a Start gombot:
    projekted létrehozása és futtatása

A projekt létrejön, üzembe lesz helyezve a helyi gépen, és hibakeresési módban fog futni:

Hello World projekt készült és fut

Gratulálunk, most készült el az első WinUI-alkalmazás!

Következő lépések

  • Ha szeretné megtudni, hogy mit kínál a WinUI, tekintse meg a WinUI Gallery alkalmazást.

    A WinUI 3 Gallery alkalmazás interaktív példákat tartalmaz a legtöbb WinUI 3 vezérlőkből, funkciókból és funkcionalitásból. Töltse le az alkalmazást a Microsoft Áruházból , vagy szerezze be a forráskódot a GitHub-.

  • További információ WinUI alapjairól.

  • Ismerje meg Fluent Design alapelveit.

  • Találjon mintákat és eszközöket, amelyek segítenek az alkalmazások hatékonyabb fejlesztésében.