Xamarin ist eine Plattform, mit der Sie mobile Anwendungen erstellen können. Es ist Open Source und wird von Entwicklern und Benutzern weltweit von der Community unterstützt.

Sie können mobile Apps für verschiedene Plattformen wie iOS, Android oder Windows erstellen. Die Benutzeroberfläche kann auch plattformspezifisch oder plattformübergreifend gemeinsam nutzbar sein, je nachdem, ob Sie Xamarin Native oder Xamarin Forms verwenden.

Mit Visual Studio können Sie ein neues Xamarin-Projekt erstellen und Ihre Inhalte zu Ihrer mobilen Anwendung hinzufügen. Anschließend können Sie Ihre mobile App testen, indem Sie sie über den Emulator ausführen.

Was sind native Xamarin- und Xamarin-Formulare?

Xamarin Native umfasst Xamarin iOS, Xamarin Windows oder Xamarin Android. Es ermöglicht Ihnen, Benutzeroberflächen für eine bestimmte Plattform zu erstellen.

Beispielsweise können Sie einige UI-Komponenten nur auf Android und andere UI-Komponenten nur auf iOS verwenden. Dies ist großartig, wenn Sie benutzerdefinierte Designs für verschiedene Plattformen wünschen, kann jedoch zu einer langsameren Entwicklung führen.

instagram viewer

Xamarin Forms hingegen ermöglicht es Ihnen, gemeinsam genutzte UI-Komponenten zu erstellen, die Sie auf vielen Plattformen wiederverwenden können. Dies ist gut für generische Komponenten wie Schaltflächen oder Textfelder, die auf allen Geräten gleich aussehen. Dies führt in der Regel auch zu einer schnelleren Entwicklung.

Microsoft ist derzeit dabei, Xamarin durch .NET MAUI (Multiform App User Interface) als Teil von .NET 6 zu ersetzen. Entsprechend Microsofts .NET-Blog, ist eine der neuen Funktionen die Möglichkeit, ein einzelnes Projekt anstelle vieler Projekte auf vielen Plattformen zu verwenden.

So laden Sie Mobile Development für .NET herunter und installieren es

Um ein zu bauen Microsoft Xamarin mobile Anwendung, die Sie herunterladen und installieren müssen Mobile Entwicklung für .NET im Visual Studio. Dadurch haben Sie die Möglichkeit, Xamarin-Projekte zu erstellen. Es kommt auch mit einem Emulator, um Ihre mobile App auf einem PC zu testen.

  1. Öffnen Sie den Visual Studio-Installer.
  2. Wählen Sie das Version von Visual Studio Sie verwenden möchten, und klicken Sie auf Ändern.
  3. Scrollen Sie nach unten zur Kategorie Mobile und Spiele. Auswählen Mobile Entwicklung mit .NET. Sie können die Liste dessen, was dies beinhaltet, im rechten Bereich anzeigen.
  4. Wählen Sie unten rechts aus Während des Downloads installieren, und klicken Sie auf Ändern. Warten Sie, bis der Installationsvorgang abgeschlossen ist.

So erstellen Sie ein neues Xamarin-Projekt

Nachdem Sie die mobile Entwicklung mit .NET installiert haben, öffnen Sie Visual Studio und erstellen Sie ein neues Xamarin-Projekt.

  1. Öffnen Sie oben in Visual Studio die Datei Tab. Bewegen Sie den Mauszeiger darüber Neu, und wählen Sie aus Projekt.
  2. Verwenden Sie die Suchleiste, um nach Xamarin zu suchen. Das Fenster wird mit einer Liste von Xamarin-Projekten gefüllt, die Sie erstellen können, einschließlich Projekten für Xamarin Native oder Xamarin Forms.
  3. Wählen Sie Mobile App (Xamarin Forms) aus.
  4. Wählen Sie a Leer Schablone. Unter Plattform, wählen Sie die Plattformen aus, für die Sie Ihre mobile App erstellen möchten (sowohl Android als auch iOS).

Die grundlegenden Komponenten einer Xamarin-Anwendung

Standardmäßig bilden mehrere Projekte eine Xamarin-Anwendung. Das XamarinProject speichert gemeinsam genutzte UI-Elemente oder Logik. Es enthält die Hauptseite.xaml Datei, die gemeinsam genutzte UI-Elemente speichert, die sowohl für iOS- als auch für Android-Geräte funktionieren.

Das XamarinProject enthält auch den Ordner Dependencies, in dem einige NuGet-Pakete gespeichert sind. Diese NuGet-Pakete enthalten die erforderlichen Funktionen, damit das Xamarin-Projekt funktioniert.

Es gibt auch zwei weitere separate Projekte, jeweils für die Android- und iOS-Plattformen. Wenn Sie die mobile App mit Android ausführen, startet die App von der MainActivity.xaml Datei. Wenn Sie die mobile App mit iOS ausführen, startet die App von der Main.cs Datei.

So fügen Sie Ihrer Xamarin-Anwendung Inhalte hinzu

Fügen Sie Ihrer mobilen Anwendung einige Inhalte hinzu. Xamarin enthält eine Reihe integrierter Elemente wie Beschriftungen, Schaltflächen oder Felder, die Sie zum Erstellen Ihrer Benutzeroberfläche verwenden können.

Jedes Element hat auch Attribute wie Farbe, Text oder andere anwendbare Stile. Die Syntax ähnelt ein wenig der Erstellung von HTML-Tags. Zum Beispiel:

<Beschriftungstext = "Hallo" />

In dem MainPage.xaml -Datei ändern Sie den Code, um einige grundlegende UI-Elemente hinzuzufügen, z. B. eine Bezeichnung und eine Schaltfläche.

  1. Fügen Sie innerhalb des StackLayout-Elements ein Label hinzu. Mit dem StackLayout-Element können Sie die darin enthaltenen Elemente entweder vertikal oder horizontal der Reihe nach anordnen.
    <StackLayout-Padding = "50">
    <Beschriftungstext = "Meine neue mobile Anwendung"
     HorizontalOptionen = "Center"
     VertikaleOptionen = "CenterAndExpand"
     FontAttributes = "Fett Kursiv"
     Schriftgröße = "24"
     Textfarbe = "Schwarz" />
    </StackLayout>
  2. Fügen Sie unter dem Label und immer noch innerhalb des StackLayout-Elements einen Button hinzu.
    <Schaltflächentext = "Taste 1"
     x: Name = "Taste 1"
     Angeklickt = "Klicktaste"
     Hintergrundfarbe = "#2196F3"
     Textfarbe = "Weißer Rauch"
     Höhenanfrage = "50" />
  3. Fügen Sie eine Funktion hinzu MainPage.xaml.cs, die ausgeführt wird, wenn Sie auf die Schaltfläche klicken.
    asynchronLeere ClickButton (Objektsender, EventArgs e)
    {
     // Veränderung das Textvon die Taste Wenn es ist angeklickt an
     Button button = (Button) Absender;
     Taste. Texte = "Der Button wurde angeklickt!";
    }

So führen Sie Ihre Xamarin-Anwendung mit dem Android-Emulator aus

Sie können die Xamarin-Anwendung mit einem Emulator ausführen, den Sie oben auf der Symbolleiste in Visual Studio auswählen können.

  1. Klicken Sie oben in Visual Studio auf das Dropdown-Menü. Hier können Sie auswählen, welche Plattform Sie verwenden möchten. Auswählen XamarinProject. Android.
  2. Klicken Sie auf die grüne Wiedergabeschaltfläche neben dem Dropdown-Menü, um die mobile App zu starten.
  3. Wenn Sie Windows verwenden und über Hyper-V verfügen, werden Sie möglicherweise aufgefordert, Hyper V zu aktivieren. Öffnen Sie in diesem Fall Schalte Windows Funktionen ein oder aus, und wählen Sie Hyper-V aus.
  4. Wenn der Emulator gestartet wird, können Sie die Funktionen erkunden, die Ihnen zur Verfügung stehen. Dazu gehören standardmäßige mobile Funktionen wie das Ein- und Ausschalten Ihres Telefons. Sie können auch auf Standort- und Mobilfunkinformationen, virtuelle Sensoren und zusätzliche Einstellungen zugreifen.
  5. Warten Sie, bis die Erstellung des Visual Studio-Projekts abgeschlossen ist. Nach Abschluss ändert sich der mobile Bildschirm des Emulators und zeigt die Hauptseite Ihrer mobilen Anwendung an.
  6. Um Ihre Anwendung mit iOS zu testen, ändern Sie das Dropdown-Menü, um iOS anstelle von Android auszuwählen, und klicken Sie dann erneut auf die grüne Wiedergabeschaltfläche.

Erstellen mobiler Anwendungen mit Xamarin

Mit Xamarin können Sie mobile Anwendungen auf vielen Plattformen wie iOS, Android oder Windows erstellen. Sie können UI-Elemente verwenden, die wiederverwendbar sind, oder UI-Elemente, die Sie auf vielen Plattformen gemeinsam nutzen können.

Wenn Sie ein neues Xamarin-Projekt erstellen, können Sie Ihre Inhalte in den verfügbaren XAML- und C#-Dateien hinzufügen. Sie können auch testen, wie Ihre mobile Anwendung aussieht, indem Sie sie mit einem Emulator öffnen.

Es gibt viele Kurse und Ressourcen, die Sie erkunden können, um Ihr Wissen über das Erstellen mobiler Anwendungen zu verbessern. Dazu gehören auch Entwicklungskurse für bestimmte Plattformen, wie z. B. Android- oder iOS-Entwicklung.