Megosztás a következőn keresztül:


Az első WinUI 3-alkalmazás létrehozása

Ez az oktatóanyag-sorozat bemutatja, hogyan hozhat létre WinUI-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 alkalmazás felhasználói felületének meghatározásához használja a XAML jelölést.
  • 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.
  • Az alkalmazásban a lapok közötti navigáláshoz használja a navigációs eszközöket.
  • 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-t fogja használni egy olyan alkalmazás létrehozásához, amellyel megjegyzést írhat be, és azt mentheti a helyi alkalmazástárhelyre. 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ó.

A Visual Studio project létrehozása

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

  • Projekt neve

    Ennek WinUINoteskell lennie. Ha a project más néven van elnevezve, az oktatóanyagból másolt és beillesztett kód buildelési hibákat okozhat. Ennek az az oka, hogy Visual Studio a project nevet használja alapértelmezett namespace az alkalmazáskódhoz.

  • Windows App SDK

    Ez az oktatóanyag az Windows App SDK 1.7-ben új funkciókat használ. Győződjön meg arról, hogy a Windows App SDK NuGet-csomag az 1.7-es vagy újabb verzióra van frissítve.

Fontos

Ha még nem hozott létre WinUI-project, kövesse Start Windows-alkalmazások fejlesztésének lépéseit annak érdekében, hogy a fejlesztői környezet és a Visual Studio project megfelelően legyenek beállítva.

Az üres alkalmazás project futtatásakor (az A Windows-alkalmazások fejlesztésének útmutatója) 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.