A Xamarin egy olyan platform, amely lehetővé teszi mobil alkalmazások készítését. Nyílt forráskódú, és közösségi támogatást nyújt a fejlesztők és a felhasználók világszerte.

Mobilalkalmazásokat készíthet különféle platformokon, például iOS-en, Androidon vagy Windowson. A felhasználói felület lehet platformspecifikus, vagy megosztható platformok között, attól függően, hogy a Xamarin Native vagy a Xamarin Forms alkalmazást használja.

A Visual Studio lehetővé teszi egy új Xamarin projekt létrehozását, és tartalom hozzáadását mobilalkalmazásához. Ezután tesztelheti mobilalkalmazását az emulátoron keresztüli futtatással.

Mik azok a Xamarin natív és Xamarin formák?

A Xamarin Native tartalmazza a Xamarin iOS-t, a Xamarin Windows-t vagy a Xamarin Androidot. Lehetővé teszi felhasználói felületek létrehozását egy adott platformhoz.

Például egyes felhasználói felület-összetevőket csak Androidon, más UI-összetevőket pedig csak iOS rendszeren használhat. Ez nagyszerű, ha egyedi terveket szeretne különböző platformokhoz, de lassabb fejlesztéshez vezethet.

instagram viewer

A Xamarin Forms viszont lehetővé teszi megosztott felhasználói felület-összetevők létrehozását, amelyeket számos platformon újra felhasználhat. Ez jó az általános összetevőkhöz, például a gombokhoz vagy szövegdobozokhoz, amelyek minden eszközön ugyanúgy néznek ki. Ez általában gyorsabb fejlődéshez is vezet.

A Microsoft jelenleg a .NET 6 részeként a Xamarint .NET MAUI-ra (Multiform App User Interface) cseréli le. Alapján A Microsoft .NET blogja, az egyik új funkció, hogy egyetlen projektet használhatunk több platformon keresztüli sok projekt helyett.

Mobilfejlesztés letöltése és telepítése .NET-hez

Építeni a Microsoft Xamarin mobilalkalmazást, amelyet le kell töltenie és telepítenie kell Mobilfejlesztés .NET-hez a Visual Studioban. Ez lehetőséget ad Xamarin projektek létrehozására. Tartozik hozzá egy emulátor, amellyel tesztelheti mobilalkalmazását számítógépen.

  1. Nyissa meg a Visual Studio telepítőjét.
  2. Válaszd a a Visual Studio verziója használni szeretné, és kattintson a gombra Módosít.
  3. Görgessen le a Mobil és játék kategóriához. Válassza ki Mobil fejlesztés .NET-el. A jobb oldali panelen megtekintheti, hogy mit tartalmaz ez.
  4. A jobb alsó sarokban válassza a lehetőséget Telepítés letöltés közben, és kattintson a gombra Módosít. Várja meg, amíg a telepítési folyamat befejeződik.

Új Xamarin projekt létrehozása

Miután telepítette a mobilfejlesztést a .NET-tel, nyissa meg a Visual Studio-t, és hozzon létre egy új Xamarin projektet.

  1. A Visual Studio tetején nyissa meg a Fájl lapon. Felett lebeg Új, és válassza ki Projekt.
  2. Használja a keresősávot a Xamarin kereséséhez. Az ablakban megjelenik a létrehozható Xamarin projektek listája, beleértve a Xamarin Native vagy Xamarin Forms projekteket is.
  3. Válassza a Mobilalkalmazást (Xamarin Forms).
  4. Válassz egy Üres sablon. Alatt Felület, válassza ki azokat a platformokat, amelyekre mobilalkalmazást szeretne készíteni (lehet Android és iOS is).

A Xamarin alkalmazás alapvető összetevői

Alapértelmezés szerint több projekt alkot egy Xamarin alkalmazást. Az XamarinProject megosztott UI-elemeket vagy logikát tárol. Ez tartalmazza a Főoldal.xaml fájl, amely olyan megosztott felhasználói felület-elemeket tárol, amelyek iOS és Android eszközökön is működnek.

Az XamarinProject tartalmazza a Dependenciák mappát is, amely néhány NuGet-csomagot tárol. Ezek a NuGet-csomagok tartalmazzák a Xamarin projekt működéséhez szükséges funkciókat.

Két másik külön projekt is létezik, mindegyik Android és iOS platformra. Ha a mobilalkalmazást Android használatával futtatja, az alkalmazás a következőről indul: MainActivity.xaml fájlt. Ha a mobilalkalmazást iOS rendszeren futtatja, az alkalmazás a következőről indul: Fő.cs fájlt.

Hogyan adhat hozzá tartalmat Xamarin alkalmazásához

Adjon hozzá tartalmat mobilalkalmazásához. A Xamarin számos beépített elemet tartalmaz, például címkéket, gombokat vagy dobozokat, amelyeket felhasználhat a felület felépítéséhez.

Minden elemnek vannak attribútumai is, például szín, szöveg vagy más alkalmazható stílus. A szintaxis egy kicsit hasonlít a HTML-címkék létrehozásához. Például:

<Címke szövege = "Szia" />

Ban,-ben Főoldal.xaml fájlt, módosítsa a kódot néhány alapvető felhasználói felület elem hozzáadásához, például egy címkét és egy gombot.

  1. Adjon hozzá egy címkét a StackLayout elemhez. A StackLayout elem lehetővé teszi a benne lévő elemek függőleges vagy vízszintes sorrendbe rendezését.
    <StackLayout Padding = "50">
    <Címke szövege = "Új mobilalkalmazásom"
     HorizontalOptions = "Központ"
     VerticalOptions = "CenterAndExpand"
     FontAttributes = "Félkövér dőlt"
     Betűméret = "24"
     TextColor = "Fekete" />
    </StackLayout>
  2. A címke alatt és továbbra is a StackLayout elemen belül adjon hozzá egy gombot.
    <Gomb szövege = "1. gomb"
     x: Név = "Gomb 1"
     Kattintva = "ClickButton"
     Háttérszín = "#2196F3"
     TextColor = "Fehér füst"
     HeightRequest = "50" />
  3. Adjon hozzá egy függvényt Főoldal.xaml.cs, amely a gombra kattintva végrehajtódik.
    asyncüres ClickButton (objektum küldő, EventArgs e)
    {
     // változás az szövegnak,-nek a gomb mikor azt van kattintott tovább
     Gomb gomb = (Gomb) feladó;
     gomb. Szöveg = "A gombra kattintottak!";
    }

A Xamarin alkalmazás futtatása az Android emulátor segítségével

A Xamarin alkalmazást emulátorral futtathatja, amelyet a Visual Studio eszköztárának tetején választhat ki.

  1. A Visual Studio tetején kattintson a legördülő menüre. Itt választhatja ki, hogy melyik platformot szeretné használni. Válassza ki XamarinProject. Android.
  2. Kattintson a legördülő menü melletti zöld lejátszás gombra a mobilalkalmazás elindításához.
  3. Ha Windowst használ, és Hyper-V-vel rendelkezik, előfordulhat, hogy a rendszer felkéri, hogy kapcsolja be a Hyper V-t. Ebben az esetben nyissa meg Windows-szolgáltatások be-és kikapcsolása, és válassza a Hyper-V lehetőséget.
  4. Amikor az emulátor elindul, felfedezheti az elérhető funkciókat. Ez magában foglalja a szabványos mobilfunkciókat, például a telefon be- és kikapcsolását. Ezenkívül hozzáférhet a hely- és mobiladatokhoz, a virtuális érzékelőkhöz és a további beállításokhoz.
  5. Várja meg, amíg a Visual Studio projekt befejezi az építkezést. Ha elkészült, az emulátor mobil képernyője átváltozik, és a mobilalkalmazás főoldala jelenik meg.
  6. Az alkalmazás iOS használatával történő teszteléséhez módosítsa a legördülő listát az iOS helyett az iOS kiválasztására, majd kattintson ismét a zöld lejátszás gombra.

Mobil alkalmazások létrehozása a Xamarin segítségével

A Xamarin lehetővé teszi mobil alkalmazások létrehozását számos platformon, például iOS, Android vagy Windows között. Lehetővé teszi olyan UI-elemek használatát, amelyek újrafelhasználhatóak, vagy olyan UI-elemeket, amelyeket számos platformon megoszthat.

Amikor új Xamarin projektet hoz létre, hozzáadhatja a tartalmat az elérhető xaml és C# fájlokhoz. Azt is tesztelheti, hogy néz ki a mobilalkalmazása, ha emulátorral megnyitja.

Számos kurzus és forrás áll rendelkezésre, amelyek segítségével bővítheti tudását a mobilalkalmazások készítésével kapcsolatban. Ebbe beletartoznak az adott platformokhoz, például Android- vagy iOS-fejlesztéshez kapcsolódó fejlesztői tanfolyamok is.