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


Az első alkalmazás létrehozása

Ebben az oktatóanyagban megtudhatja, hogyan hozhatja létre és futtathatja első .NET-alapú többplatformos alkalmazás felhasználói felületét (.NET MAUI) a Visual Studio 2022-ben Windowson vagy Visual Studio Code-on Windows, macOS vagy Linux rendszeren. Ez segít annak biztosításában, hogy a fejlesztési környezet megfelelően legyen beállítva.

Előfeltételek

  • Visual Studio 2022 17.12 vagy újabb verzió, telepített .NET többplatformos alkalmazás felhasználói felületi számítási feladattal. További információért lásd a Telepítésirészt.

Alkalmazás létrehozása

Ebben az oktatóanyagban létrehozza az első .NET MAUI-alkalmazást a Visual Studio 2022-ben, és futtatja egy Android emulátoron:

Az iOS -hez készült .NET MAUI-alkalmazások windowsos fejlesztéséhez Mac buildgazda szükséges. Ha nem kifejezetten iOS-t kell céloznia, és nem rendelkezik Mac géppel, fontolja meg inkább az Android vagy a Windows használatának első lépéseit.

Ebben az oktatóanyagban létrehozza az első .NET MAUI-alkalmazást a Visual Studióban, és egy iOS-szimulátoron futtatja:

Ebben az oktatóanyagban létrehozza az első .NET MAUI-alkalmazást a Visual Studio 2022-ben, és windowsos rendszeren futtatja:

  1. Indítsa el a Visual Studio 2022-t. A kezdési ablakban kattintson Új projekt létrehozása új projekt létrehozásához:

    Új megoldás.

  2. Az Új projekt létrehozása ablakban válassza MAUI- a Minden projekttípus legördülő listában válassza a .NET MAUI-alkalmazás sablont, majd kattintson a Tovább gombra:

    Válasszon egy sablont.

  3. Az Új projekt konfigurálása ablakban nevezze el a projektet, válasszon egy megfelelő helyet, majd kattintson a Tovább gombra:

    Konfigurálja a projektet.

  4. A További információk ablakban válassza ki a megcélozandó .NET-verziót, majd kattintson a létrehozása gombra:

    További információk.

  5. Várja meg, amíg a projekt létrejön, és a függőségei helyreállnak:

    visszaállított függőségek.

  1. A Visual Studio eszköztárában a Hibakeresési cél legördülő menüben válassza ki az Android-emulátorok, majd az Android-emulátor bejegyzést:

    Válassza ki a .NET MAUI-hoz tartozó Android Emulator hibakeresési célt.

  2. A Visual Studio eszköztárán nyomja le az Android Emulator gombot:

    Android emulátor gomb.

    A Visual Studio megkezdi az alapértelmezett Android SDK és Az Android Emulator telepítésének folyamatát.

  3. Az Android SDK – Licencszerződés ablakban nyomja le a Elfogadás gombot:

    Első Android SDK licencszerződés ablak.

  4. A Felhasználói fiókok felügyelete párbeszédpanelen nyomja le az Igen gombot:

    Android SDK-licenc felhasználói fiókvezérlő párbeszédpanel.

    Várja meg, amíg a Visual Studio letölti az alapértelmezett Android SDK-t és az Android Emulatort.

  5. A Felhasználói fiókok felügyelete párbeszédpanelen nyomja le az Igen gombot:

    Android Device Manager felhasználói fiók vezérlési párbeszédpaneljét.

  6. Az Android SDK platform hiányzik párbeszédpanelen nyomja le a Telepítés gombot:

    A párbeszédpanelen hiányzik az Android SDK-platform.

  7. Az Android SDK – Licencszerződés ablakban nyomja le a Elfogadás gombot:

    Második Android SDK licencszerződés ablak.

    Várja meg, amíg a Visual Studio telepíti az Android SDK-összetevőket.

  8. Az Új eszköz ablakban nyomja le a létrehozása gombot:

    Új Android-eszköz ablak.

    Várjon, amíg a Visual Studio letölt, kibont és létrehoz egy Android-emulátort.

  9. Zárja be az Android Device Manager ablakot:

    Android Device Manager ablak.

  10. A Visual Studio eszköztárán nyomja le a Pixel 7 – API 35 (Android 15.0 – API 35) gombot:

    Pixel 7 API 35 emulátor gomb.

  11. Az Android SDK – Licencszerződés ablakban nyomja le a Elfogadás gombot:

    Harmadik Android SDK licencszerződés ablak.

  12. A Felhasználói fiókok felügyelete párbeszédpanelen nyomja le az Igen gombot:

    Android SDK-licenc felhasználói fiókvezérlő párbeszédpanel.

    Várja meg, amíg a Visual Studio telepíti az Android SDK letöltését.

  13. A Visual Studio eszköztárában nyomja le a Pixel 7 – API 35 (Android 15.0 – API 35) gombot az alkalmazás létrehozásához és futtatásához:

    Pixel 5 API 35 emulátor gomb.

    A Visual Studio elindítja az Android emulátort, létrehozza az alkalmazást, és üzembe helyezi az alkalmazást az emulátorban.

    Figyelmeztetés

    A hardveres gyorsítást engedélyezni kell az Android emulátor teljesítményének maximalizálásához. Ennek elmulasztása miatt az emulátor nagyon lassan fut. További információ: Hardveres gyorsítás engedélyezése Android-emulátorokkal (Hyper-V & AEHD).

  14. Az Android emulátor futó alkalmazásában nyomja le többször a Kattintson gombra, és figyelje meg, hogy a gombkattintások száma növekszik.

    Android emulátorban futó alkalmazás.

Hibaelhárítás

Ha az alkalmazás fordítása nem sikerül, tekintse át Az ismert problémák elhárítása, amelyek megoldást jelenthetnek a problémára. Ha a probléma az Android emulátorhoz kapcsolódik, tekintse meg Android emulátor hibaelhárításicímű témakört.

  1. A Visual Studio eszköztárán nyomja le a Windows Machine gombot az alkalmazás létrehozásához és futtatásához:

    .NET MAUI-alkalmazás futtatása a Visual Studióban gomb.

  2. A futó alkalmazásban kattintson többször a Kattints rám gombra, és figyelje meg, hogy növekszik a kattintások száma.

    Windows rendszeren futó .NET MAUI-alkalmazás.

Hibaelhárítás

Ha az alkalmazás fordítása nem sikerül, tekintse át Az ismert problémák elhárítása, amelyek megoldást jelenthetnek a problémára.

  1. A Visual Studióban párosítsa az IDE-t egy Mac Build-gazdagéppel. További információért lásd: Mac párosítás iOS-fejlesztéshez.

  2. A Visual Studio eszköztárában a Hibakeresési cél legördülő menüben válassza ki az iOS-szimulátorok közül az egyiket, majd egy adott iOS-szimulátort:

    A Visual Studio iOS-szimulátorok hibakeresési célpontjai.

  3. A Visual Studio eszköztárán nyomja le a kiválasztott iOS-szimulátor Start gombját az alkalmazás létrehozásához és futtatásához:

    Visual Studio iOS-szimulátor hibakeresési célválasztása.

    A Visual Studio létrehozza az alkalmazást, elindítja a Távoli iOS-szimulátort Windowshoz, és üzembe helyezi az alkalmazást a távoli szimulátorban. A Windows távoli iOS-szimulátorával kapcsolatos további információkért lásd Távoli iOS-szimulátor Windows.

  4. A futó alkalmazásban kattintson többször a Klikkeljen rám gombra, és figyelje meg, hogy a gombkattintások száma növekszik.

    .NET MAUI-alkalmazás fut az iOS-szimulátorban Macen.

Hibaelhárítás

Ha az alkalmazás fordítása nem sikerül, tekintse át Az ismert problémák elhárítása, amelyek megoldást jelenthetnek a problémára.

A Mac Catalystt célzó .NET MAUI-alkalmazások csak a Visual Studio Code használatával indíthatók el és hibakeresést végezhetnek.

Következő lépések

Ebben az oktatóanyagban megtanulta, hogyan hozhatja létre és futtathatja az első .NET többplatformos alkalmazás felhasználói felületét (.NET MAUI).

Az alkalmazások .NET MAUI-val történő létrehozásának alapjait a .NET MAUI-alkalmazás létrehozása .NET MAUI-alkalmazás létrehozásacímű témakörben talál. Másik lehetőségként a .NET MAUI teljes tanfolyamát a .NET MAUIMobil- és asztali alkalmazások létrehozása a .NET MAUI-val című témakörben talál.