Xamarin is een platform waarmee je mobiele applicaties kunt bouwen. Het is open-source en heeft community-ondersteuning van ontwikkelaars en gebruikers over de hele wereld.

U kunt mobiele apps bouwen op verschillende platforms, zoals iOS, Android of Windows. De gebruikersinterface kan ook specifiek zijn voor een platform of kunnen worden gedeeld op verschillende platforms, afhankelijk van of u Xamarin Native of Xamarin Forms gebruikt.

Met Visual Studio kunt u een nieuw Xamarin-project maken en uw inhoud toevoegen aan uw mobiele applicatie. U kunt vervolgens uw mobiele app testen door deze door de emulator te laten lopen.

Wat zijn Xamarin Native en Xamarin Forms?

Xamarin Native omvat Xamarin iOS, Xamarin Windows of Xamarin Android. Hiermee kunt u gebruikersinterfaces bouwen voor een specifiek platform.

U kunt bijvoorbeeld sommige UI-componenten alleen op Android gebruiken en andere UI-componenten alleen op iOS. Dit is geweldig als u aangepaste ontwerpen voor verschillende platforms wilt, maar dit kan leiden tot langzamere ontwikkeling.

instagram viewer

Met Xamarin Forms daarentegen kunt u gedeelde UI-componenten bouwen die u op veel platforms opnieuw kunt gebruiken. Dit is goed voor generieke componenten zoals knoppen of tekstvakken die er op alle apparaten hetzelfde uitzien. Dit leidt over het algemeen ook tot een snellere ontwikkeling.

Microsoft is momenteel bezig Xamarin te vervangen door .NET MAUI (Multiform App User Interface), als onderdeel van .NET 6. Volgens Microsoft's .NET-blog, is een van de nieuwe functies de mogelijkheid om één project te gebruiken in plaats van veel projecten op meerdere platforms.

Mobiele ontwikkeling voor .NET downloaden en installeren

een bouwen Microsoft Xamarin mobiele applicatie die u moet downloaden en installeren Mobiele ontwikkeling voor .NET in Visuele Studio. Dit geeft je de mogelijkheid om Xamarin-projecten te maken. Het komt ook met een emulator om uw mobiele app op een pc te testen.

  1. Open Visual Studio-installatieprogramma.
  2. Kies de versie van Visual Studio die u wilt gebruiken, en klik op Bewerken.
  3. Scrol omlaag naar de categorie Mobiel en gamen. Selecteer Mobiele ontwikkeling met .NET. U kunt de lijst bekijken van wat dit omvat in het rechterdeelvenster.
  4. Selecteer rechtsonder Installeren tijdens het downloadenen klik op Bewerken. Wacht tot het installatieproces is voltooid.

Een nieuw Xamarin-project maken

Nadat u Mobile Development met .NET hebt geïnstalleerd, opent u Visual Studio en maakt u een nieuw Xamarin-project.

  1. Open bovenaan in Visual Studio de Bestand tabblad. Beweeg over Nieuwen selecteer Project.
  2. Gebruik de zoekbalk om naar Xamarin te zoeken. Het venster wordt gevuld met een lijst met Xamarin-projecten die u kunt maken, inclusief projecten voor Xamarin Native of Xamarin Forms.
  3. Selecteer Mobiele app (Xamarin Forms).
  4. Selecteer een Blanco sjabloon. Onder Platform, kies de platforms waarvoor u uw mobiele app wilt bouwen (dit kan zowel Android als iOS zijn).

De basiscomponenten van een Xamarin-toepassing

Standaard vormen meerdere projecten een Xamarin-toepassing. De XamarinProject slaat gedeelde UI-elementen of logica op. Het bevat de Hoofdpagina.xaml bestand, waarin gedeelde UI-elementen worden opgeslagen die voor zowel iOS- als Android-apparaten werken.

De XamarinProject bevat ook de map Afhankelijkheden, waarin enkele NuGet-pakketten zijn opgeslagen. Deze NuGet-pakketten bevatten de vereiste functies om het Xamarin-project te laten werken.

Er zijn ook twee andere afzonderlijke projecten, elk voor de Android- en iOS-platforms. Als u de mobiele app met Android gebruikt, start de app vanaf de MainActivity.xaml het dossier. Als u de mobiele app gebruikt met iOS, start de app vanaf de Main.cs het dossier.

Inhoud toevoegen aan uw Xamarin-toepassing

Voeg wat inhoud toe aan uw mobiele applicatie. Xamarin bevat een reeks ingebouwde elementen zoals labels, knoppen of vakken die u kunt gebruiken om uw interface te bouwen.

Elk element heeft ook attributen, zoals kleur, tekst of andere toepasselijke styling. De syntaxis lijkt een beetje op hoe u HTML-tags zou maken. Bijvoorbeeld:

<Labeltekst = "Hallo" />

In de MainPage.xaml bestand, wijzig dan de code om een ​​paar basis UI-elementen toe te voegen, zoals een label en een knop.

  1. Voeg een label toe binnen het StackLayout-element. Met het StackLayout-element kunt u de elementen erin ordenen, verticaal of horizontaal.
    <StackLayout Padding = "50">
    <Labeltekst = "Mijn nieuwe mobiele applicatie"
     Horizontale Opties = "Centrum"
     VerticalOptions = "CenterEnExpand"
     FontAttributes = "Vet, cursief"
     Lettergrootte = "24"
     TekstKleur = "zwart" />
    </StackLayout>
  2. Voeg onder het label, en nog steeds binnen het StackLayout-element, een knop toe.
    <Knop Tekst = "Knop 1"
     x: Naam = "Knop1"
     Geklikt = "Klikknop"
     AchtergrondKleur = "#2196F3"
     TekstKleur = "Witte rook"
     HoogteRequest = "50" />
  3. Voeg een functie toe in Hoofdpagina.xaml.cs, die wordt uitgevoerd wanneer u op de knop klikt.
    asynchroneleegte ClickButton (objectafzender, EventArgs e)
    {
     // Wijziging de tekstvan de knop wanneer het is geklikt Aan
     Knop knop = (Knop) afzender;
     knop. Tekst = "Er is op de knop geklikt!";
    }

Hoe u uw Xamarin-toepassing kunt uitvoeren met behulp van de Android-emulator

U kunt de Xamarin-toepassing uitvoeren met behulp van een emulator, die u bovenaan de werkbalk in Visual Studio kunt selecteren.

  1. Klik bovenaan in Visual Studio op de vervolgkeuzelijst. Hier kunt u selecteren van welk platform u gebruik wilt maken. Selecteer Xamarin-project. Android.
  2. Klik op de groene afspeelknop naast de vervolgkeuzelijst om de mobiele app te starten.
  3. Als u Windows gebruikt en Hyper-V hebt, wordt u mogelijk gevraagd om Hyper V in te schakelen. Open in dit geval Windows-onderdelen in-of uitschakelenen selecteer Hyper-V.
  4. Wanneer de emulator wordt gestart, kunt u de functies verkennen die voor u beschikbaar zijn. Dit omvat standaard mobiele functies zoals het in- of uitschakelen van uw telefoon. U hebt ook toegang tot locatie- en mobiele informatie, virtuele sensoren en aanvullende instellingen.
  5. Wacht tot het Visual Studio-project klaar is met bouwen. Eenmaal voltooid, verandert het mobiele scherm op de emulator om de hoofdpagina van uw mobiele applicatie weer te geven.
  6. Om uw applicatie met iOS te testen, wijzigt u de vervolgkeuzelijst om iOS te selecteren in plaats van Android en klikt u vervolgens nogmaals op de groene afspeelknop.

Mobiele applicaties maken met Xamarin

Met Xamarin kunt u mobiele applicaties bouwen op vele platforms, zoals iOS, Android of Windows. Hiermee kunt u UI-elementen gebruiken die herbruikbaar zijn of UI-elementen die u op veel platforms kunt delen.

Wanneer u een nieuw Xamarin-project maakt, kunt u uw inhoud toevoegen aan de beschikbare xaml- en C#-bestanden. U kunt ook testen hoe uw mobiele applicatie eruitziet door deze te openen met een emulator.

Er zijn veel cursussen en bronnen die u kunt verkennen om uw kennis over het bouwen van mobiele applicaties te verbeteren. Dit omvat ook ontwikkelcursussen voor specifieke platforms, zoals Android- of iOS-ontwikkeling.