Xamarin är en plattform som låter dig bygga mobila applikationer. Det är öppen källkod och har community-stöd från utvecklare och användare över hela världen.

Du kan bygga mobilappar på olika plattformar, som iOS, Android eller Windows. Användargränssnittet kan också vara specifikt för en plattform, eller delas mellan plattformar, beroende på om du använder Xamarin Native eller Xamarin Forms.

Visual Studio låter dig skapa ett nytt Xamarin-projekt och lägga till ditt innehåll i din mobilapplikation. Du kan sedan testa din mobilapp genom att köra den via emulatorn.

Vad är Xamarin Native och Xamarin Forms?

Xamarin Native inkluderar Xamarin iOS, Xamarin Windows eller Xamarin Android. Det låter dig bygga användargränssnitt för en specifik plattform.

Till exempel kan du använda vissa UI-komponenter endast på Android och andra UI-komponenter endast på iOS. Detta är bra om du vill ha skräddarsydd design för olika plattformar, men kan leda till långsammare utveckling.

Xamarin Forms, å andra sidan, låter dig bygga delade UI-komponenter som du kan återanvända över många plattformar. Detta är bra för generiska komponenter som knappar eller textrutor som kommer att se likadana ut på alla enheter. Detta leder också generellt till snabbare utveckling.

instagram viewer

Microsoft håller för närvarande på att ersätta Xamarin med .NET MAUI (Multiform App User Interface), som en del av .NET 6. Enligt Microsofts .NET-blogg, en av de nya funktionerna är möjligheten att använda ett enda projekt, snarare än många projekt på många plattformar.

Hur man laddar ner och installerar mobilutveckling för .NET

Att bygga en Microsoft Xamarin mobilapplikation du behöver ladda ner och installera Mobil utveckling för .NET i Visual Studio. Detta ger dig möjligheten att skapa Xamarin-projekt. Den kommer också med en emulator för att testa din mobilapp på en PC.

  1. Öppna Visual Studio Installer.
  2. Välj den version av Visual Studio du vill använda och klicka på Ändra.
  3. Scrolla ner till kategorin Mobil och spel. Välj Mobil utveckling med .NET. Du kan se listan över vad detta inkluderar i den högra panelen.
  4. Välj nere till höger Installera under nedladdning, och klicka på Ändra. Vänta tills installationsprocessen är klar.

Hur man skapar ett nytt Xamarin-projekt

När du har installerat Mobilutveckling med .NET, öppna Visual Studio och skapa ett nytt Xamarin-projekt.

  1. Längst upp i Visual Studio, öppna Fil flik. Sväva över Nyoch välj Projekt.
  2. Använd sökfältet för att söka efter Xamarin. Fönstret kommer att fyllas med en lista över Xamarin-projekt som du kan skapa, inklusive projekt för Xamarin Native eller Xamarin Forms.
  3. Välj Mobilapp (Xamarin Forms).
  4. Välj en Tom mall. Under Plattform, välj de plattformar du vill bygga din mobilapp för (kan vara både Android och iOS).

De grundläggande komponenterna i en Xamarin-applikation

Som standard utgör flera projekt en Xamarin-applikation. De Xamarinprojekt lagrar delade UI-element eller logik. Den innehåller Huvudsida.xaml fil, som lagrar delade UI-element som fungerar för både iOS- och Android-enheter.

De Xamarinprojekt innehåller också mappen Dependencies, som lagrar några NuGet-paket. Dessa NuGet-paket innehåller de funktioner som krävs för att Xamarin-projektet ska fungera.

Det finns också två andra separata projekt, var och en för Android- och iOS-plattformarna. Om du kör mobilappen med Android startar appen från MainActivity.xaml fil. Om du kör mobilappen med iOS startar appen från Main.cs fil.

Hur man lägger till innehåll i din Xamarin-applikation

Lägg till lite innehåll i din mobilapplikation. Xamarin innehåller en rad inbyggda element som etiketter, knappar eller lådor som du kan använda för att bygga ditt gränssnitt.

Varje element har också attribut, som färg, text eller annan tillämplig stil. Syntaxen är lite lik hur du skulle skapa HTML-taggar. Till exempel:

<Etiketttext = "Hallå" />

I den MainPage.xaml fil, ändra koden för att lägga till några grundläggande UI-element, såsom en etikett och en knapp.

  1. Lägg till en etikett i StackLayout-elementet. StackLayout-elementet låter dig organisera elementen inuti det i ordning, antingen vertikalt eller horisontellt.
    <StackLayout Padding = "50">
    <Etiketttext = "Min nya mobilapplikation"
     HorizontalOptions = "Centrum"
     VerticalOptions = "CenterAndExpand"
     FontAttributes = "Fet, kursiv"
     FontSize = "24"
     TextColor = "Svart" />
    </StackLayout>
  2. Lägg till en knapp under etiketten och fortfarande inom StackLayout-elementet.
    <Knapptext = "Knapp 1"
     x: Namn = "Knapp1"
     Klickade = "Klicka på knappen"
     Bakgrundsfärg = "#2196F3"
     TextColor = "Vit rök"
     HeightRequest = "50" />
  3. Lägg till en funktion i MainPage.xaml.cs, som körs när du klickar på knappen.
    asynkrontomhet ClickButton (objektavsändare, EventArgs e)
    {
     // Förändra de textav knappen när Det är klickade på
     Knappknapp = (Knapp) avsändare;
     knapp. Text = "Knappen klickades!";
    }

Hur du kör din Xamarin-applikation med Android-emulatorn

Du kan köra Xamarin-applikationen med en emulator, som du kan välja längst upp i verktygsfältet i Visual Studio.

  1. Klicka på rullgardinsmenyn högst upp i Visual Studio. Här kan du välja vilken plattform du vill använda. Välj Xamarinprojekt. Android.
  2. Klicka på den gröna spelknappen bredvid rullgardinsmenyn för att starta mobilappen.
  3. Om du använder Windows och har Hyper-V kan du bli ombedd att aktivera Hyper V. Öppna i det här fallet Slår på eller av egenskaper i Windowsoch välj Hyper-V.
  4. När emulatorn startar kan du utforska de funktioner som är tillgängliga för dig. Detta inkluderar vanliga mobilfunktioner som att slå på eller stänga av din telefon. Du kan också komma åt plats- och mobilinformation, virtuella sensorer och ytterligare inställningar.
  5. Vänta tills Visual Studio-projektet är färdigbyggt. När det är klart kommer mobilskärmen på emulatorn att ändras för att visa huvudsidan för din mobilapplikation.
  6. För att testa din applikation med iOS, ändra rullgardinsmenyn till att välja iOS istället för Android och klicka sedan på den gröna uppspelningsknappen igen.

Skapa mobilapplikationer med Xamarin

Xamarin låter dig bygga mobilapplikationer på många plattformar, som iOS, Android eller Windows. Det låter dig använda UI-element som är återanvändbara eller UI-element som du kan dela på många plattformar.

När du skapar ett nytt Xamarin-projekt kan du lägga till ditt innehåll i de tillgängliga xaml- och C#-filerna. Du kan också testa hur din mobilapplikation ser ut genom att öppna den med en emulator.

Det finns många kurser och resurser du kan utforska för att förbättra dina kunskaper om hur man bygger mobilapplikationer. Detta inkluderar även utvecklingskurser för specifika plattformar, såsom Android- eller iOS-utveckling.