Megosztás:

WinUI-alkalmazás létrehozása

Ez az oktatóanyag-sorozat bemutatja, hogyan hozhat létre WinUI 3-alkalmazást XAML és C# használatával. A létrehozni kívánt alkalmazás egy jegyzetalkalmazás, amelyben a felhasználó több jegyzetet is létrehozhat, menthet és betölthet. Az oktatóanyag kódját a GitHub-adattárból töltheti le vagy tekintheti meg.

Ebben az oktatóanyagban a következőket sajátíthatja el:

  • Az XAML-korrektúra használatával definiálhatja az alkalmazás felhasználói felületét.
  • XAML-elemek használata C#-kódon keresztül.
  • Fájlok mentése és betöltése a helyi fájlrendszerből.
  • Nézetek létrehozása és adatokhoz kötése.
  • Navigálással navigálhat az alkalmazás lapjaira és lapjairól.
  • Saját alkalmazás létrehozásához használjon olyan erőforrásokat, mint a dokumentáció és a mintaalkalmazások.

A Visual Studio 2022 használatával létrehozhat egy alkalmazást, amellyel megjegyzést írhat be, és mentheti a helyi alkalmazástárolóba. Az alkalmazás forráskódját itt találja. Az alkalmazás két oldalból áll:

  • NotePage - egyetlen jegyzet szerkesztésére szolgáló lap.
  • AllNotesPage - az összes mentett jegyzetet megjelenítő lap.

A végleges alkalmazás az alábbiakban látható:

AllNotesPage

A jegyzetalkalmazás utolsó képernyőképe, amelyen három mentési jegyzet látható.

NotePage

A jegyzetalkalmazás utolsó képernyőképe, amelyen egy új üres jegyzet látható.

Hozza létre a Visual Studio projektet

Az oktatóanyag megkezdéséhez létre kell hoznia egy WinUI 3 alkalmazásprojektet a Visual Studióban a Blank App, Packaged (WinUI 3 in Desktop) C# projektsablon használatával. A projekt létrehozásakor használja a következő beállításokat:

  • Projekt neve

    Ennek WinUINoteskell lennie. Ha a projekt neve eltér, az oktatóanyagból másolt és beillesztett kód buildelési hibákat okozhat. Ennek az az oka, hogy a Visual Studio a projektnevet használja alapértelmezett névtérként az alkalmazáskódhoz.

  • Windows App SDK

    Ez az oktatóanyag a Windows App SDK 1.7 új funkcióit használja. Győződjön meg arról, hogy a Windows App SDK NuGet-csomagja az 1.7-es vagy újabb verzióra frissült.

Fontos

Ha korábban még nem hozott létre WinUI 3-projektet, kövesse a Windows-alkalmazások fejlesztésének megkezdéséhez szükséges lépéseket annak érdekében, hogy a fejlesztői környezet és a Visual Studio-projekt megfelelően legyen beállítva.

Az üres alkalmazásprojekt futtatásakor (a Windows-alkalmazások fejlesztésének megkezdése) egy üres ablaknak kell megjelennie, amely így néz ki:

A jegyzetalkalmazás ablaka címsorral és üres tartalomterülettel.

Jótanács

Windows-alkalmazások létrehozásakor gyakran hivatkozhat API-referencia-dokumentumokra és fogalmi dokumentumokra. Ebben az oktatóanyagban a szövegben és a "További információ a dokumentumokban" címkével ellátott csoportokban lévő hivatkozások jelennek meg. Ezek a hivatkozások nem kötelezőek; az oktatóanyag elvégzéséhez nem kell követnie őket. Ezek abban az esetben vannak megadva, ha fel szeretné jegyezni, hogy hol találja meg a szükséges információkat, amikor saját alkalmazásokat hoz létre.

Tovább az 1. lépésre – Projektbeállítás

  • Last updated on