Xamarin er en platform, der giver dig mulighed for at bygge mobile applikationer. Det er open source og har fællesskabsstøtte fra udviklere og brugere over hele verden.

Du kan bygge mobilapps på tværs af forskellige platforme, såsom iOS, Android eller Windows. Brugergrænsefladen kan også være specifik for en platform eller kan deles på tværs af platforme, afhængigt af om du bruger Xamarin Native eller Xamarin Forms.

Visual Studio giver dig mulighed for at oprette et nyt Xamarin-projekt og tilføje dit indhold til din mobilapplikation. Du kan derefter teste din mobilapp ved at køre den gennem emulatoren.

Hvad er Xamarin Native og Xamarin Forms?

Xamarin Native inkluderer Xamarin iOS, Xamarin Windows eller Xamarin Android. Det giver dig mulighed for at bygge brugergrænseflader til en bestemt platform.

For eksempel kan du kun bruge nogle UI-komponenter på Android og andre UI-komponenter kun på iOS. Dette er fantastisk, hvis du ønsker brugerdefinerede designs til forskellige platforme, men kan føre til langsommere udvikling.

instagram viewer

Xamarin Forms giver dig på den anden side mulighed for at bygge delte UI-komponenter, som du kan genbruge over mange platforme. Dette er godt for generiske komponenter såsom knapper eller tekstbokse, der vil se ens ud på tværs af alle enheder. Dette fører også generelt til hurtigere udvikling.

Microsoft er i øjeblikket i gang med at erstatte Xamarin med .NET MAUI (Multiform App User Interface), som en del af .NET 6. Ifølge Microsofts .NET-blog, er en af ​​de nye funktioner muligheden for at bruge et enkelt projekt i stedet for mange projekter på tværs af mange platforme.

Sådan downloader og installerer du mobiludvikling til .NET

At bygge en Microsoft Xamarin mobilapplikation, du skal downloade og installere Mobiludvikling til .NET i Visual Studio. Dette giver dig mulighed for at oprette Xamarin-projekter. Den kommer også med en emulator til at teste din mobilapp på en pc.

  1. Åbn Visual Studio Installer.
  2. Vælg version af Visual Studio du vil bruge, og klik på Modificere.
  3. Rul ned til kategorien Mobil og Gaming. Vælg Mobil udvikling med .NET. Du kan se listen over, hvad dette omfatter, i panelet til højre.
  4. Vælg nederst til højre Installer under download, og klik på Modificere. Vent på, at installationsprocessen er fuldført.

Sådan opretter du et nyt Xamarin-projekt

Når du har installeret Mobiludvikling med .NET, skal du åbne Visual Studio og oprette et nyt Xamarin-projekt.

  1. Øverst i Visual Studio skal du åbne Fil fanen. Svæve over Ny, og vælg Projekt.
  2. Brug søgelinjen til at søge efter Xamarin. Vinduet udfyldes med en liste over Xamarin-projekter, du kan oprette, inklusive projekter for Xamarin Native eller Xamarin Forms.
  3. Vælg Mobile App (Xamarin Forms).
  4. Vælg en Blank skabelon. Under Platform, vælg de platforme, du vil bygge din mobilapp til (kan være både Android og iOS).

De grundlæggende komponenter i en Xamarin-applikation

Som standard udgør flere projekter en Xamarin-applikation. Det Xamarinprojekt gemmer delte UI-elementer eller logik. Den indeholder Forside.xaml fil, som gemmer delte UI-elementer, der fungerer til både iOS- og Android-enheder.

Det Xamarinprojekt indeholder også mappen Dependencies, som gemmer nogle NuGet-pakker. Disse NuGet-pakker inkluderer de nødvendige funktioner, for at Xamarin-projektet kan fungere.

Der er også to andre separate projekter, hver for Android- og iOS-platformene. Hvis du kører mobilappen ved hjælp af Android, starter appen fra MainActivity.xaml fil. Hvis du kører mobilappen ved hjælp af iOS, starter appen fra Main.cs fil.

Sådan tilføjer du indhold til din Xamarin-applikation

Tilføj noget indhold til din mobilapplikation. Xamarin inkluderer en række indbyggede elementer såsom etiketter, knapper eller kasser, som du kan bruge til at bygge din grænseflade.

Hvert element har også attributter, såsom farve, tekst eller anden anvendelig stil. Syntaksen minder lidt om, hvordan du ville oprette HTML-tags. For eksempel:

<Etikettekst = "Hej" />

I den MainPage.xaml fil, skal du ændre koden for at tilføje nogle få grundlæggende UI-elementer, såsom en etiket og en knap.

  1. Tilføj en etiket i StackLayout-elementet. StackLayout-elementet lader dig organisere elementerne i det i rækkefølge, enten lodret eller vandret.
    <StackLayout Polstring = "50">
    <Etikettekst = "Min nye mobilapplikation"
     Horisontale indstillinger = "Centrum"
     VerticalOptions = "CenterAndExpand"
     FontAttributes = "Fed, kursiv"
     Skriftstørrelse = "24"
     Tekstfarve = "Sort" />
    </StackLayout>
  2. Tilføj en knap under etiketten og stadig i StackLayout-elementet.
    <Knaptekst = "Knap 1"
     x: Navn = "Knap 1"
     klikket = "Klik på knappen"
     Baggrundsfarve = "#2196F3"
     Tekstfarve = "WhiteSmoke"
     HeightRequest = "50" />
  3. Tilføj en funktion i MainPage.xaml.cs, der udføres, når du klikker på knappen.
    asynkronugyldig ClickButton (objektafsender, EventArgs e)
    {
     // Lave om det tekstaf knappen hvornår det er klikkede på
     Knap knap = (Knap) afsender;
     knap. Tekst = "Der blev klikket på knappen!";
    }

Sådan kører du din Xamarin-applikation ved hjælp af Android-emulatoren

Du kan køre Xamarin-applikationen ved hjælp af en emulator, som du kan vælge øverst på værktøjslinjen i Visual Studio.

  1. Øverst i Visual Studio skal du klikke på rullemenuen. Her kan du vælge hvilken platform du vil bruge. Vælg Xamarinprojekt. Android.
  2. Klik på den grønne afspilningsknap ved siden af ​​rullemenuen for at starte mobilappen.
  3. Hvis du bruger Windows og har Hyper-V, kan du blive bedt om at slå Hyper V til. I dette tilfælde skal du åbne Slå Windows-funktioner til eller fra, og vælg Hyper-V.
  4. Når emulatoren starter, kan du udforske de funktioner, der er tilgængelige for dig. Dette inkluderer standard mobilfunktioner såsom at tænde eller slukke din telefon. Du kan også få adgang til placerings- og mobiloplysninger, virtuelle sensorer og yderligere indstillinger.
  5. Vent på, at Visual Studio-projektet er færdigt med at bygge. Når det er afsluttet, vil mobilskærmen på emulatoren ændre sig til at vise hovedsiden for din mobilapplikation.
  6. For at teste din applikation ved hjælp af iOS skal du ændre rullemenuen til at vælge iOS i stedet for Android og derefter klikke på den grønne afspilningsknap igen.

Oprettelse af mobilapplikationer ved hjælp af Xamarin

Xamarin giver dig mulighed for at bygge mobilapplikationer på tværs af mange platforme, såsom iOS, Android eller Windows. Det giver dig mulighed for at bruge UI-elementer, der kan genbruges, eller UI-elementer, som du kan dele på tværs af mange platforme.

Når du opretter et nyt Xamarin-projekt, kan du tilføje dit indhold i de tilgængelige xaml- og C#-filer. Du kan også teste, hvordan din mobilapplikation ser ud ved at åbne den ved hjælp af en emulator.

Der er mange kurser og ressourcer, du kan udforske for at forbedre din viden om, hvordan man bygger mobile applikationer. Dette omfatter også udviklingskurser til specifikke platforme, såsom Android- eller iOS-udvikling.