Xamarin je platforma koja vam omogućuje izradu mobilnih aplikacija. On je otvorenog koda i ima podršku zajednice od strane programera i korisnika širom svijeta.

Možete izraditi mobilne aplikacije na različitim platformama, kao što su iOS, Android ili Windows. Korisničko sučelje također može biti specifično za platformu ili se može dijeliti na različitim platformama, ovisno o tome koristite li Xamarin Native ili Xamarin Forms.

Visual Studio vam omogućuje stvaranje novog Xamarin projekta i dodavanje sadržaja u svoju mobilnu aplikaciju. Zatim možete testirati svoju mobilnu aplikaciju pokretanjem kroz emulator.

Što su Xamarin izvorni i Xamarin oblici?

Xamarin Native uključuje Xamarin iOS, Xamarin Windows ili Xamarin Android. Omogućuje vam izradu korisničkih sučelja za određenu platformu.

Na primjer, neke komponente korisničkog sučelja možete koristiti samo na Androidu, a druge komponente korisničkog sučelja samo na iOS-u. Ovo je sjajno ako želite prilagođene dizajne za različite platforme, ali može dovesti do sporijeg razvoja.

instagram viewer

Xamarin Forms, s druge strane, omogućuje vam izgradnju dijeljenih komponenti korisničkog sučelja koje možete ponovno koristiti na mnogim platformama. Ovo je dobro za generičke komponente kao što su gumbi ili tekstualni okviri koji će izgledati isto na svim uređajima. To također općenito dovodi do bržeg razvoja.

Microsoft je trenutno u procesu zamjene Xamarina s .NET MAUI (Multiform App User Interface), kao dijelom .NET 6. Prema Microsoftov .NET blog, jedna od novih značajki je mogućnost korištenja jednog projekta, umjesto mnogih projekata na mnogim platformama.

Kako preuzeti i instalirati Mobile Development za .NET

Za izgradnju a Microsoft Xamarin mobilnu aplikaciju koju trebate preuzeti i instalirati Razvoj mobilnih uređaja za .NET u Visual Studio. To vam daje mogućnost stvaranja Xamarin projekata. Također dolazi s emulator za testiranje vaše mobilne aplikacije na računalu.

  1. Otvorite Visual Studio Installer.
  2. Odaberi verzija Visual Studija koju želite koristiti i kliknite na Izmijeniti.
  3. Pomaknite se prema dolje do kategorije Mobilni uređaji i igre. Odaberi Razvoj mobilnih uređaja uz .NET. Popis onoga što to uključuje možete vidjeti na desnoj ploči.
  4. U donjem desnom kutu odaberite Instalirajte tijekom preuzimanja, i kliknite na Izmijeniti. Pričekajte da se proces instalacije dovrši.

Kako stvoriti novi Xamarin projekt

Nakon što instalirate Mobile development s .NET, otvorite Visual Studio i stvorite novi Xamarin projekt.

  1. Na vrhu Visual Studio otvorite Datoteka tab. Lebdjeti iznad Novii odaberite Projekt.
  2. Koristite traku za pretraživanje za traženje Xamarina. Prozor će se popuniti popisom Xamarin projekata koje možete izraditi, uključujući projekte za Xamarin Native ili Xamarin Forms.
  3. Odaberite mobilnu aplikaciju (Xamarin Forms).
  4. Odaberite a Prazan predložak. Pod, ispod Platforma, odaberite platforme za koje želite izraditi svoju mobilnu aplikaciju (mogu biti i Android i iOS).

Osnovne komponente Xamarin aplikacije

Prema zadanim postavkama, više projekata čini Xamarin aplikaciju. The XamarinProject pohranjuje zajedničke elemente korisničkog sučelja ili logiku. Sadrži Glavna stranica.xaml datoteku, koja pohranjuje zajedničke elemente korisničkog sučelja koji će raditi i za iOS i Android uređaje.

The XamarinProject također sadrži mapu Dependencies, koja pohranjuje neke NuGet pakete. Ovi NuGet paketi uključuju potrebne funkcije za rad Xamarin projekta.

Postoje i dva druga zasebna projekta, svaki za Android i iOS platforme. Ako koristite mobilnu aplikaciju pomoću Androida, aplikacija počinje od MainActivity.xaml datoteka. Ako koristite mobilnu aplikaciju pomoću iOS-a, aplikacija počinje od Main.cs datoteka.

Kako dodati sadržaj u svoju Xamarin aplikaciju

Dodajte malo sadržaja u svoju mobilnu aplikaciju. Xamarin uključuje niz ugrađenih elemenata kao što su oznake, gumbi ili okviri koje možete koristiti za izgradnju sučelja.

Svaki element također ima atribute, kao što su boja, tekst ili drugi primjenjivi stilovi. Sintaksa je pomalo slična onome kako biste stvorili HTML oznake. Na primjer:

<Tekst oznake = "zdravo" />

U Glavna stranica.xaml datoteku, izmijenite kod kako biste dodali nekoliko osnovnih elemenata korisničkog sučelja, kao što su oznaka i gumb.

  1. Dodajte oznaku unutar elementa StackLayout. Element StackLayout omogućuje vam organiziranje elemenata unutar njega po redoslijedu, bilo okomito ili vodoravno.
    <StackLayout Padding = "50">
    <Tekst oznake = "Moja nova mobilna aplikacija"
     Horizontalne opcije = "Centar"
     VertikalneOpcije = "CenterAndExpand"
     FontAtributi = "Podebljano, kurziv"
     Veličina fonta = "24"
     Boja teksta = "Crno" />
    </StackLayout>
  2. Ispod oznake, i dalje unutar elementa StackLayout, dodajte gumb.
    <Tekst gumba = "Gumb 1"
     x: Ime = "Gumb1"
     Kliknuto = "Kliknite gumb"
     Boja pozadine = "#2196F3"
     Boja teksta = "WhiteSmoke"
     Zahtjev za visinu = "50" />
  3. Dodajte funkciju u Glavna stranica.xaml.cs, koji će se izvršiti kada kliknete na gumb.
    asinkponištiti ClickButton (pošiljatelj objekta, EventArgs e)
    {
     // Promijeniti the tekstod gumb kada to je kliknuo na
     Gumb gumba = (gumb) pošiljatelj;
     dugme. Tekst = "Gumb je kliknut!";
    }

Kako pokrenuti svoju aplikaciju Xamarin pomoću Android emulatora

Aplikaciju Xamarin možete pokrenuti pomoću emulatora koji možete odabrati na vrhu alatne trake u Visual Studiju.

  1. Na vrhu Visual Studija kliknite padajući izbornik. Ovdje možete odabrati koju platformu želite koristiti. Odaberi XamarinProject. Android.
  2. Kliknite na zeleni gumb za reprodukciju pored padajućeg izbornika kako biste pokrenuli mobilnu aplikaciju.
  3. Ako koristite Windows i imate Hyper-V, možda će se od vas tražiti da uključite Hyper V. U ovom slučaju otvorite Uključite ili isključite značajke sustava Windowsi odaberite Hyper-V.
  4. Kada se emulator pokrene, možete istražiti funkcije koje su vam dostupne. To uključuje standardne mobilne funkcije kao što je uključivanje ili isključivanje telefona. Također možete pristupiti informacijama o lokaciji i mobilnim uređajima, virtualnim senzorima i dodatnim postavkama.
  5. Pričekajte da projekt Visual Studio završi izgradnju. Nakon dovršetka, zaslon mobilnog uređaja na emulatoru promijenit će se tako da prikazuje glavnu stranicu vaše mobilne aplikacije.
  6. Da biste testirali svoju aplikaciju pomoću iOS-a, promijenite padajući izbornik tako da odaberete iOS umjesto Androida, a zatim ponovno kliknite zeleni gumb za reprodukciju.

Izrada mobilnih aplikacija pomoću Xamarina

Xamarin vam omogućuje izradu mobilnih aplikacija na mnogim platformama, kao što su iOS, Android ili Windows. Omogućuje vam korištenje elemenata korisničkog sučelja koji se mogu ponovno koristiti ili elemenata korisničkog sučelja koje možete dijeliti na mnogim platformama.

Kada izradite novi Xamarin projekt, možete dodati svoj sadržaj u dostupne xaml i C# datoteke. Također možete testirati kako izgleda vaša mobilna aplikacija otvaranjem pomoću emulatora.

Postoji mnogo tečajeva i resursa koje možete istražiti kako biste poboljšali svoje znanje o izradi mobilnih aplikacija. To također uključuje razvojne tečajeve za određene platforme, kao što je razvoj za Android ili iOS.