WinUI 3 jegyzetalkalmazá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.

Kezdje itt, miután létrehozhat és futtathat egy üres projektet. Ez a WinUI 3 alapjainak részletes bemutatása Visual Studio; nincs szükség AI-kódolási asszisztensre vagy MVVM-eszközkészletre.

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.

Létrehoz egy alkalmazást, amellyel beírhat egy jegyzetet, és mentheti azt a helyi alkalmazástárolóba. 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 eszközök telepítéséhez és a projekt létrehozásához kövesse a Visual Studio útvonalát a Rövid útmutató: WinUI 3-projekt létrehozása és futtatása című cikkben. Használjon csomagolt C#-projektet az alábbi oktatóanyag-specifikus beállításokkal:

  • 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 és újabb verzióiban elérhető funkciókat használja. Győződjön meg arról, hogy a Windows App SDK NuGet-csomag az 1.7-es vagy újabb verzióra frissült.

A folytatás előtt készítse el és indítsa el az üres WinUINotes projektet. 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.

Folytatás az 1. lépéshez – projekt beállítása

  • Last updated on