Xamarin er en plattform som lar deg bygge mobile applikasjoner. Den er åpen kildekode og har fellesskapsstøtte fra utviklere og brukere over hele verden.

Du kan bygge mobilapper på tvers av ulike plattformer, for eksempel iOS, Android eller Windows. Brukergrensesnittet kan også være spesifikke for en plattform, eller deles på tvers av plattformer, avhengig av om du bruker Xamarin Native eller Xamarin Forms.

Visual Studio lar deg lage et nytt Xamarin-prosjekt og legge til innholdet ditt i mobilapplikasjonen din. Du kan deretter teste mobilappen din ved å kjøre den gjennom emulatoren.

Hva er Xamarin Native og Xamarin former?

Xamarin Native inkluderer Xamarin iOS, Xamarin Windows eller Xamarin Android. Den lar deg bygge brukergrensesnitt for en bestemt plattform.

For eksempel kan du bruke noen UI-komponenter bare på Android og andre UI-komponenter bare på iOS. Dette er flott hvis du vil ha tilpasset design for forskjellige plattformer, men kan føre til tregere utvikling.

Xamarin Forms, derimot, lar deg bygge delte UI-komponenter som du kan gjenbruke over mange plattformer. Dette er bra for generiske komponenter som knapper eller tekstbokser som vil se like ut på alle enheter. Dette fører også generelt til raskere utvikling.

instagram viewer

Microsoft er for tiden i ferd med å erstatte Xamarin med .NET MAUI (Multiform App User Interface), som en del av .NET 6. I følge Microsofts .NET-blogg, er en av de nye funksjonene muligheten til å bruke et enkelt prosjekt, i stedet for mange prosjekter på tvers av mange plattformer.

Hvordan laste ned og installere mobilutvikling for .NET

Å bygge en Microsoft Xamarin mobilapplikasjon du må laste ned og installere Mobilutvikling for .NET i Visual Studio. Dette gir deg muligheten til å lage Xamarin-prosjekter. Det følger også med en emulator for å teste mobilappen din på en PC.

  1. Åpne Visual Studio Installer.
  2. Velg versjon av Visual Studio du vil bruke, og klikk på Endre.
  3. Rull ned til kategorien Mobil og spill. Å velge Mobil utvikling med .NET. Du kan se listen over hva dette inkluderer i panelet til høyre.
  4. Velg nederst til høyre Installer mens du laster ned, og klikk på Endre. Vent til installasjonsprosessen er fullført.

Hvordan lage et nytt Xamarin-prosjekt

Når du har installert Mobilutvikling med .NET, åpne Visual Studio og lag et nytt Xamarin-prosjekt.

  1. Øverst i Visual Studio åpner du Fil fanen. Sveve over Ny, og velg Prosjekt.
  2. Bruk søkefeltet for å søke etter Xamarin. Vinduet vil fylles med en liste over Xamarin-prosjekter du kan opprette, inkludert prosjekter for Xamarin Native eller Xamarin Forms.
  3. Velg Mobilapp (Xamarin Forms).
  4. Velg en Blank mal. Under Plattform, velg plattformene du vil bygge mobilappen din for (kan være både Android og iOS).

De grunnleggende komponentene i en Xamarin-applikasjon

Som standard utgjør flere prosjekter en Xamarin-applikasjon. De XamarinProject lagrer delte UI-elementer eller logikk. Den inneholder Hovedside.xaml fil, som lagrer delte brukergrensesnittelementer som vil fungere for både iOS- og Android-enheter.

De XamarinProject inneholder også mappen Dependencies, som lagrer noen NuGet-pakker. Disse NuGet-pakkene inkluderer de nødvendige funksjonene for at Xamarin-prosjektet skal fungere.

Det er også to andre separate prosjekter, hver for Android- og iOS-plattformene. Hvis du kjører mobilappen med Android, starter appen fra MainActivity.xaml fil. Hvis du kjører mobilappen med iOS, starter appen fra Main.cs fil.

Hvordan legge til innhold i Xamarin-applikasjonen

Legg til noe innhold i mobilapplikasjonen din. Xamarin inkluderer en rekke innebygde elementer som etiketter, knapper eller bokser som du kan bruke til å bygge grensesnittet ditt.

Hvert element har også attributter, for eksempel farge, tekst eller annen relevant stil. Syntaksen ligner litt på hvordan du lager HTML-tagger. For eksempel:

<Etiketttekst = "Hallo" />

I MainPage.xaml fil, endre koden for å legge til noen få grunnleggende brukergrensesnittelementer, for eksempel en etikett og en knapp.

  1. Legg til en etikett i StackLayout-elementet. StackLayout-elementet lar deg organisere elementene i det i rekkefølge, enten vertikalt eller horisontalt.
    <StackLayout Padding = "50">
    <Etiketttekst = "Min nye mobilapplikasjon"
     Horisontalalternativer = "Senter"
     VerticalOptions = "CenterAndExpand"
     FontAttributes = "Fet kursiv"
     FontSize = "24"
     Tekstfarge = "Svart" />
    </StackLayout>
  2. Legg til en knapp under etiketten, og fortsatt innenfor StackLayout-elementet.
    <Knappetekst = "Knapp 1"
     x: Navn = "Knapp 1"
     Klikket = "Klikkknapp"
     Bakgrunnsfarge = "#2196F3"
     Tekstfarge = "WhiteSmoke"
     HeightRequest = "50" />
  3. Legg til en funksjon i MainPage.xaml.cs, som vil kjøre når du klikker på knappen.
    asynkrontomrom Klikkknapp (objektavsender, EventArgs e)
    {
     // Endring de tekstav knappen når den er klikket på
     Knappknapp = (Knapp) avsender;
     knapp. Tekst = "Knappen ble trykket!";
    }

Slik kjører du Xamarin-applikasjonen din ved å bruke Android-emulatoren

Du kan kjøre Xamarin-applikasjonen ved å bruke en emulator, som du kan velge øverst på verktøylinjen i Visual Studio.

  1. Øverst i Visual Studio klikker du på rullegardinmenyen. Her kan du velge hvilken plattform du vil bruke. Å velge XamarinProject. Android.
  2. Klikk på den grønne avspillingsknappen ved siden av rullegardinmenyen for å starte mobilappen.
  3. Hvis du bruker Windows og har Hyper-V, kan du bli bedt om å slå på Hyper V. I dette tilfellet, åpne Slå Windows-funksjoner på eller av, og velg Hyper-V.
  4. Når emulatoren starter, kan du utforske funksjonene som er tilgjengelige for deg. Dette inkluderer standard mobilfunksjoner som å slå telefonen på eller av. Du kan også få tilgang til plassering og mobilinformasjon, virtuelle sensorer og tilleggsinnstillinger.
  5. Vent til Visual Studio-prosjektet er ferdig bygget. Når den er fullført, vil mobilskjermen på emulatoren endres til å vise hovedsiden til mobilapplikasjonen din.
  6. For å teste applikasjonen din med iOS, endre rullegardinmenyen til å velge iOS i stedet for Android, og klikk deretter på den grønne avspillingsknappen igjen.

Opprette mobilapplikasjoner ved hjelp av Xamarin

Xamarin lar deg bygge mobilapplikasjoner på tvers av mange plattformer, for eksempel iOS, Android eller Windows. Den lar deg bruke UI-elementer som kan gjenbrukes eller UI-elementer som du kan dele på mange plattformer.

Når du oppretter et nytt Xamarin-prosjekt, kan du legge til innholdet i de tilgjengelige xaml- og C#-filene. Du kan også teste hvordan mobilapplikasjonen din ser ut ved å åpne den med en emulator.

Det er mange kurs og ressurser du kan utforske for å forbedre kunnskapen din om hvordan du bygger mobilapplikasjoner. Dette inkluderer også utviklingskurs for spesifikke plattformer, som Android- eller iOS-utvikling.