Xamarin je platforma, ki vam omogoča izdelavo mobilnih aplikacij. Je odprtokoden in ima podporo skupnosti razvijalcev in uporabnikov po vsem svetu.

Mobilne aplikacije lahko gradite na različnih platformah, kot so iOS, Android ali Windows. Uporabniški vmesnik je lahko tudi specifičen za platformo ali pa ga je mogoče deliti na različnih platformah, odvisno od tega, ali uporabljate Xamarin Native ali Xamarin Forms.

Visual Studio vam omogoča, da ustvarite nov projekt Xamarin in dodate svojo vsebino v svojo mobilno aplikacijo. Svojo mobilno aplikacijo lahko nato preizkusite tako, da jo zaženete prek emulatorja.

Kaj sta izvorni in Xamarin obrazci?

Xamarin Native vključuje Xamarin iOS, Xamarin Windows ali Xamarin Android. Omogoča vam izdelavo uporabniških vmesnikov za določeno platformo.

Nekatere komponente uporabniškega vmesnika lahko na primer uporabljate samo v sistemu Android, druge komponente uporabniškega vmesnika pa samo v sistemu iOS. To je super, če želite zasnove po meri za različne platforme, vendar lahko vodi do počasnejega razvoja.

instagram viewer

Xamarin Forms vam po drugi strani omogoča izdelavo komponent uporabniškega vmesnika v skupni rabi, ki jih lahko ponovno uporabite na številnih platformah. To je dobro za splošne komponente, kot so gumbi ali besedilna polja, ki bodo videti enako v vseh napravah. To na splošno vodi tudi v hitrejši razvoj.

Microsoft je trenutno v postopku zamenjave Xamarina z .NET MAUI (uporabniški vmesnik za več aplikacij) kot del .NET 6. Po navedbah Microsoftov .NET blog, ena od novih funkcij je možnost uporabe enega projekta namesto številnih projektov na številnih platformah.

Kako prenesti in namestiti mobilni razvoj za .NET

Za izgradnjo a Microsoft Xamarin mobilno aplikacijo, ki jo morate prenesti in namestiti Mobilni razvoj za .NET v Visual Studio. To vam daje možnost ustvarjanja projektov Xamarin. Priložen je tudi emulator za testiranje vaše mobilne aplikacije na osebnem računalniku.

  1. Odprite namestitveni program Visual Studio.
  2. Izberite različico Visual Studio ki ga želite uporabiti, in kliknite na Spremeni.
  3. Pomaknite se navzdol do kategorije Mobilni telefoni in igre na srečo. Izberite Mobilni razvoj z .NET. Seznam tega, kar vključuje, si lahko ogledate na desni plošči.
  4. V spodnjem desnem kotu izberite Namestite med prenosom, in kliknite na Spremeni. Počakajte, da se postopek namestitve zaključi.

Kako ustvariti nov projekt Xamarin

Ko namestite mobilni razvoj z .NET, odprite Visual Studio in ustvarite nov projekt Xamarin.

  1. Na vrhu Visual Studio odprite mapa zavihek. Pomaknite miškin kazalec nad Novoin izberite Projekt.
  2. Za iskanje Xamarina uporabite iskalno vrstico. Okno se bo napolnilo s seznamom projektov Xamarin, ki jih lahko ustvarite, vključno s projekti za Xamarin Native ali Xamarin Forms.
  3. Izberite mobilno aplikacijo (Xamarin Forms).
  4. Izberite a Prazen predlogo. Spodaj Platforma, izberite platforme, za katere želite zgraditi svojo mobilno aplikacijo (lahko so tako Android kot iOS).

Osnovne komponente aplikacije Xamarin

Privzeto več projektov sestavlja aplikacijo Xamarin. The XamarinProject shranjuje skupne elemente uporabniškega vmesnika ali logiko. Vsebuje Glavna stran.xaml datoteko, ki shranjuje skupne elemente uporabniškega vmesnika, ki bodo delovali tako za naprave iOS kot Android.

The XamarinProject vsebuje tudi mapo Odvisnosti, v kateri so shranjeni nekateri paketi NuGet. Ti paketi NuGet vključujejo potrebne funkcije za delovanje projekta Xamarin.

Obstajata tudi dva druga ločena projekta, vsak za platforme Android in iOS. Če uporabljate mobilno aplikacijo z operacijskim sistemom Android, se aplikacija zažene od MainActivity.xaml mapa. Če uporabljate mobilno aplikacijo z operacijskim sistemom iOS, se aplikacija zažene od Main.cs mapa.

Kako dodati vsebino v svojo aplikacijo Xamarin

Dodajte nekaj vsebine v svojo mobilno aplikacijo. Xamarin vključuje vrsto vgrajenih elementov, kot so nalepke, gumbi ali polja, ki jih lahko uporabite za izdelavo vmesnika.

Vsak element ima tudi atribute, kot so barva, besedilo ali drug ustrezen slog. Sintaksa je nekoliko podobna načinu, kako bi ustvarili oznake HTML. Na primer:

<Besedilo oznake = "zdravo" />

V MainPage.xaml datoteko, spremenite kodo, da dodate nekaj osnovnih elementov uporabniškega vmesnika, kot sta oznaka in gumb.

  1. Dodajte oznako znotraj elementa StackLayout. Element StackLayout vam omogoča, da elemente v njem organizirate po vrstnem redu, bodisi navpično ali vodoravno.
    <StackLayout Padding = "50">
    <Besedilo oznake = "Moja nova mobilna aplikacija"
     Horizontalne možnosti = "Center"
     VerticalOptions = "CenterInExpand"
     Atributi pisave = "Krepko, ležeče"
     Velikost pisave = "24"
     Barva besedila = "Črna" />
    </StackLayout>
  2. Pod oznako in še vedno znotraj elementa StackLayout dodajte gumb.
    <Besedilo gumba = "Gumb 1"
     x: Ime = "Gumb1"
     Kliknilo = "Kliknite gumb"
     Barva ozadja = "#2196F3"
     Barva besedila = "WhiteSmoke"
     Zahteva za višino = "50" />
  3. Dodajte funkcijo v MainPage.xaml.cs, ki se bo izvedel, ko kliknete na gumb.
    asyncnična ClickButton (pošiljatelj predmeta, EventArgs e)
    {
     // Spremeni se the besedilood gumb kdaj to je kliknil na
     Gumb gumba = (gumb) pošiljatelj;
     gumb. Besedilo = "Gumb je bil kliknjen!";
    }

Kako zagnati vašo aplikacijo Xamarin z uporabo emulatorja Android

Aplikacijo Xamarin lahko zaženete s pomočjo emulatorja, ki ga lahko izberete na vrhu orodne vrstice v Visual Studio.

  1. Na vrhu Visual Studio kliknite spustni meni. Tukaj lahko izberete, katero platformo želite uporabiti. Izberite XamarinProject. Android.
  2. Kliknite zeleni gumb za predvajanje poleg spustnega menija, da zaženete mobilno aplikacijo.
  3. Če uporabljate Windows in imate Hyper-V, boste morda morali vklopiti Hyper V. V tem primeru odprite Vklopite ali izklopite funkcije sistema Windowsin izberite Hyper-V.
  4. Ko se emulator zažene, lahko raziščete funkcije, ki so vam na voljo. To vključuje standardne mobilne funkcije, kot je vklop ali izklop telefona. Dostopate lahko tudi do informacij o lokaciji in mobilnih napravah, navideznih senzorjev in dodatnih nastavitev.
  5. Počakajte, da projekt Visual Studio dokonča gradnjo. Ko je končano, se bo zaslon mobilne naprave na emulatorju spremenil in prikazal glavno stran vaše mobilne aplikacije.
  6. Če želite preizkusiti svojo aplikacijo z iOS-om, spremenite spustni meni, da izberete iOS namesto Android, nato pa znova kliknite zeleni gumb za predvajanje.

Ustvarjanje mobilnih aplikacij z uporabo Xamarina

Xamarin vam omogoča izdelavo mobilnih aplikacij na številnih platformah, kot so iOS, Android ali Windows. Omogoča vam uporabo elementov uporabniškega vmesnika, ki jih je mogoče ponovno uporabiti, ali elementov uporabniškega vmesnika, ki jih lahko delite na številnih platformah.

Ko ustvarite nov projekt Xamarin, lahko dodate svojo vsebino v razpoložljive datoteke xaml in C#. Prav tako lahko preizkusite, kako izgleda vaša mobilna aplikacija, tako da jo odprete s pomočjo emulatorja.

Obstaja veliko tečajev in virov, ki jih lahko raziščete, da izboljšate svoje znanje o izdelavi mobilnih aplikacij. To vključuje tudi razvojne tečaje za določene platforme, kot sta razvoj za Android ali iOS.