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.
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:
Indítsa el a Visual Studio 2022-t. A kezdési ablakban kattintson Új projekt létrehozása új projekt létrehozásához:
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:
Az Új projekt konfigurálása ablakban nevezze el a projektet, válasszon egy megfelelő helyet, majd kattintson a Tovább gombra:
A További információk ablakban válassza ki a megcélozandó .NET-verziót, majd kattintson a létrehozása gombra:
Várja meg, amíg a projekt létrejön, és a függőségei helyreállnak:
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:
A Visual Studio eszköztárán nyomja le az Android Emulator gombot:
A Visual Studio megkezdi az alapértelmezett Android SDK és Az Android Emulator telepítésének folyamatát.
Az Android SDK – Licencszerződés ablakban nyomja le a Elfogadás gombot:
A Felhasználói fiókok felügyelete párbeszédpanelen nyomja le az Igen gombot:
Várja meg, amíg a Visual Studio letölti az alapértelmezett Android SDK-t és az Android Emulatort.
A Felhasználói fiókok felügyelete párbeszédpanelen nyomja le az Igen gombot:
Az Android SDK platform hiányzik párbeszédpanelen nyomja le a Telepítés gombot:
Az Android SDK – Licencszerződés ablakban nyomja le a Elfogadás gombot:
Várja meg, amíg a Visual Studio telepíti az Android SDK-összetevőket.
Az Új eszköz ablakban nyomja le a létrehozása gombot:
Várjon, amíg a Visual Studio letölt, kibont és létrehoz egy Android-emulátort.
Zárja be az Android Device Manager ablakot:
A Visual Studio eszköztárán nyomja le a Pixel 7 – API 35 (Android 15.0 – API 35) gombot:
Az Android SDK – Licencszerződés ablakban nyomja le a Elfogadás gombot:
A Felhasználói fiókok felügyelete párbeszédpanelen nyomja le az Igen gombot:
Várja meg, amíg a Visual Studio telepíti az Android SDK letöltését.
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:
A Visual Studio elindítja az Android emulátort, létrehozza az alkalmazást, és üzembe helyezi az alkalmazást az emulátorban.
A Visual Studio eszköztárán nyomja le a Windows Machine gombot az alkalmazás létrehozásához és futtatásához:
A futó alkalmazásban kattintson többször a Kattints rám gombra, és figyelje meg, hogy növekszik a kattintások száma.
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 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.
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 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:
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.
A futó alkalmazásban kattintson többször a Klikkeljen rám gombra, és figyelje meg, hogy a gombkattintások száma növekszik.
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.
Előfeltételek
Visual Studio Code, a .NET MAUI bővítmény telepítve és konfigurálva:
A C# Dev Kithez csatlakoztatott Microsoft-fiókja.
A .NET SDK telepítve van.
A .NET MAUI SDK telepítve van.
A Mac gépen telepített Xcode, beleértve a szimulátor-futtatókörnyezeteket és az Xcode parancssori eszközöket, ha az Apple platformokat célozza.
A Microsoft OpenJDK, az Android SDK és a számítógépre telepített Android emulátor, ha az Androidot célozza.
Ebben az oktatóanyagban létrehozza az első .NET MAUI-alkalmazást a Visual Studio Code-ban, és futtatja egy Android emulátoron:
Ebben az oktatóanyagban létrehozza az első .NET MAUI-alkalmazást a Visual Studio Code-ban Macen, és egy iOS-szimulátoron futtatja:
Ebben az oktatóanyagban létrehozza az első .NET MAUI-alkalmazást a Visual Studio Code-ban Macen, és macOS rendszeren futtatja:
Ebben az oktatóanyagban készítsd el az első .NET MAUI-alkalmazásodat a Windows-on futó Visual Studio Code-ban, és futtasd a Windowson.
Indítsa el a Visual Studio Code-ot. Az Explorer-ben nyomja meg a .NET-projekt létrehozásagombot:
Másik lehetőségként nyomja le a CTRL+SHIFT+P windowsos vagy CMD+SHIFT+P macOS rendszeren, majd a .NET: New Project... parancsot.
A parancskatalógusban válassza a .NET MAUI-alkalmazás sablont:
A Projekt helye párbeszédpanelen válassza ki azt a helyet, ahol létre szeretné hozni az új projektet.
Fontos
A projekteket üres mappában kell létrehozni.
A parancskatalógusban adja meg az új projekt nevét, és nyomja le ENTER:
A parancskatalógusban nyomja le a Projekt létrehozása:
Várja meg, amíg a projekt létrejön, és szükség esetén fogadja el a mappát megbízható helyként.
A projekt gyökércsomópontját nyissa meg a Explorerprogramban, majd nyissa meg egy C#-fájlt, például a MainPage.xaml.csfájlt.
A Visual Studio Code-ban ellenőrizze, hogy az Android környezet megfelelően van-e konfigurálva Windows rendszerű számítógépen a CTRL+SHIFT+P, macOS-en pedig a CMD+SHIFT+P gombok megnyomásával, majd válassza a .NET MAUI: Az Android konfigurálása, ezt követően pedig az Android környezet frissítése lehetőséget. Minden észlelt hibát meg kell oldani.
A Visual Studio Code alján található állapotsoron nyomja le a kapcsos zárójelek szimbólumát { }, és győződjön meg arról, hogy a Hibakeresési cél egy adott Android-emulátorra van állítva:
A hibakeresési célt úgy is beállíthatja, hogy Windows rendszeren a CTRL+SHIFT+P, macOS rendszeren pedig a CMD+SHIFT+P billentyűkombinációt megnyomja, majd a parancspalettából válassza ki a(z) .NET MAUI: Válassza ki az Android-eszközt.
Építse meg és futtassa az alkalmazást Androidon az F5 billentyűkombináció lenyomásával vagy a Visual Studio Code jobb felső sarkában található Futtatás gomb megnyomásával.
Ha a parancskatalógusban egy hibakeresőt kell választania, válassza C#, majd a projekt indítási konfigurációját.
A kiválasztott 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:
Csatlakoztassa az eszközt a géphez, és válassza ki hibakeresési célként a Visual Studio Code-ban.
Indítsa el az alkalmazást.
A Visual Studio Code-ban ellenőrizze, hogy az Apple-környezet megfelelően van-e konfigurálva, nyomja le CMD+SHIFT+P, majd válassza .NET MAUI: Az Applekonfigurálása lehetőséget, majd Az Apple-környezet frissítése. Minden észlelt hibát meg kell oldani.
A Visual Studio Code alján található állapotsoron nyomja le a kapcsos zárójelek szimbólumát { }, és győződjön meg arról, hogy a hibakeresési cél egy adott iOS-szimulátorra van állítva:
A hibakeresési cél beállításához nyomja le a CMD+SHIFT+P billentyűkombinációt, és válassza .NET MAUI: Válasszon iOS-eszköz a parancskatalógusból.
Az alkalmazás létrehozása és futtatása iOS rendszeren F5 vagy a Visual Studio Code jobb felső sarkában található Futtatás gomb megnyomásával:
Ha a parancskatalógusban egy hibakeresőt kell választania, válassza C#, majd a projekt indítási konfigurációját.
A kiválasztott iOS-szimulátor futó alkalmazásában nyomja le többször a Kattintson gombra, és figyelje meg, hogy a gombkattintások száma növekszik:
Az alkalmazás hibakeresése iOS-eszközön
Az alkalmazás hibakeresése iOS-eszközön:
Győződjön meg arról, hogy az Apple ID-t hozzáadta az Xcode-hoz Xcode > Beállítások > Fiókok.
Győződjön meg arról, hogy az eszköz regisztrálva van a csapatában, ha Ön az Apple Fejlesztői Programhoz tartozik.
Engedélyezze a fejlesztői módot az eszközön. Az alkalmazás első futtatásakor előfordulhat, hogy előugró ablak jelenik meg az eszközön – győződjön meg arról, hogy engedélyezése lehetőséget választja. További információ a fejlesztői módról: A fejlesztői mód engedélyezése eszközre developer.apple.com.
Csatlakoztassa az eszközt a géphez, és válassza ki hibakeresési célként a Visual Studio Code-ban.
Indítsa el az alkalmazást.
A Visual Studio Code-ban ellenőrizze, hogy az Apple-környezet megfelelően van-e konfigurálva, nyomja le CMD+SHIFT+P, majd válassza .NET MAUI: Az Applekonfigurálása lehetőséget, majd Az Apple-környezet frissítése. Minden észlelt hibát meg kell oldani.
A Visual Studio Code alján található állapotsoron nyomja le a kapcsos zárójelek szimbólumát { }, és győződjön meg arról, hogy a Hibakeresési cél a Mac gépre van állítva:
A hibakeresési cél beállításához nyomja le a CMD+SHIFT+P billentyűkombinációt, majd válassza .NET MAUI: Válassza ki a macOS-eszköz a parancskatalógusból.
Az alkalmazást macOS rendszeren F5 vagy a Visual Studio Code jobb felső sarkában található Futtatás gomb megnyomásával hozhatja létre és futtathatja:
Ha a parancskatalógusban egy hibakeresőt kell választania, válassza C#, majd a projekt indítási konfigurációját.
A futó alkalmazásban kattintson többször a Kattints rám gombra, és figyelje meg, hogy növekszik a kattintások száma.
A Visual Studio Code alján található állapotsoron nyomja le a kapcsos zárójelek szimbólumát { }, és győződjön meg arról, hogy a Hibakeresési cél Windowsra van állítva:
A hibakeresési cél beállításához nyomja le a CTRL+SHIFT+P billentyűkombinációt, és válassza .NET MAUI: Válassza ki a Windows-eszköz parancskatalógusából.
Az alkalmazás windowsos buildeléséhez és futtatásához nyomja le F5 vagy a Visual Studio Code jobb felső sarkában található Futtatás gombot:
Ha a parancskatalógusban egy hibakeresőt kell választania, válassza C#, majd a projekt indítási konfigurációját.
A futó alkalmazásban kattintson többször a Kattints rám gombra, és figyelje meg, hogy növekszik a kattintások száma.
Hibaelhárítás
Ha az alkalmazás összeállítása és üzembe helyezése sikertelen, tekintse át Az ismert problémák elhárítása, amelyek megoldást jelenthetnek a problémára.
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.
Dolgozzon együtt velünk a GitHubon
A tartalom forrása a GitHubon található, ahol létrehozhat és áttekinthet problémákat és lekéréses kérelmeket is. További információért tekintse meg a közreműködői útmutatónkat.