Xamarin ist eine Softwareplattform für die plattformübergreifende mobile Entwicklung. Sie können damit Apps für iOS, Android, Windows und mehr erstellen. Sie können mit Visual Studio ein neues Xamarin-Projekt erstellen und Ihre App auffüllen, indem Sie Inhalt, Widgets und andere Funktionen hinzufügen.

Wenn Sie eine neue mobile App erstellen, benötigt Ihre App möglicherweise mehrere Seiten. Wenn dies der Fall ist, benötigt die App auch die erforderliche Funktionalität, damit die Benutzer zwischen diesen Seiten navigieren können.

So richten Sie ein Xamarin-Projekt ein

Um loszulegen, Erstellen Sie ein neues Xamarin-Projekt. Wenn Sie eine neue App erstellen, wird standardmäßig eine Hauptseite aufgerufen Hauptseite.xaml im Hauptprojektordner von Xamarin gespeichert. Das Hauptseite.xaml Seite fungiert als Startbildschirm, wenn Sie die Anwendung zum ersten Mal starten.

Die Seite enthält auch eine MainPage.xaml.cs -Datei, in der Sie Ihre Programmierlogik mit C# schreiben können. Andere Plattformen können andere verwenden

instagram viewer
Spielsprachen für die mobile Entwicklung, die für Sie nützlich sein können, um sie zu lernen.

  1. Navigieren Sie zu Hauptseite.xaml und öffne es.
  2. In dem MainPage.xaml Datei, ändern Sie den Standardcode. Ersetzen Sie den Inhalt der StapelLayout UI-Element mit neuem Label:
    <StackLayout-Padding = "50">
    <Beschriftungstext = "Meine neue mobile Anwendung"
     HorizontalOptionen = "Center"
     VertikaleOptionen = "CenterAndExpand"
     FontAttributes = "Fett Kursiv"
     Schriftgröße = "24"
     Textfarbe = "Schwarz" />
    </StackLayout>
  3. Klicken Sie oben im Visual Studio-Fenster auf die grüne Wiedergabeschaltfläche, um die Anwendung im Emulator auszuführen.
  4. Warten Sie, bis das Projekt kompiliert ist, bevor der Emulator gestartet wird.

So fügen Sie dem Xamarin-Projekt eine zweite Seite hinzu

Derzeit hat Ihr Xamarin-Projekt nur eine Seite. Um eine neue Seite zu erstellen, fügen Sie eine neue hinzu xaml Datei und füllen Sie sie mit etwas Inhalt.

  1. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf das Projekt. Auswählen Hinzufügen, und klicken Sie auf Neuer Gegenstand.
  2. Auswählen Inhaltsseite von dem Xamarin. Formen Kategorie. Benennen Sie die neue Datei SecondPage.xaml, und klicken Sie auf Hinzufügen.
  3. Die neue Seite wird im Projektmappen-Explorer angezeigt und besteht aus a xaml Datei und ein xaml.cs Datei. Das xaml Datei besteht aus UI-Elementen und Widgets und der xaml.cs Datei wird aus anderer Codelogik und Funktionalität bestehen.
  4. Öffne das SecondPage.xaml Datei, die bereits einen Standardcode enthält. Innerhalb der StapelLayout UI-Element, ersetzen Sie die aktuelle Bezeichnung durch eine Bezeichnung mit der Aufschrift „Zweite Seite“.
    <StapelLayout>
    <Beschriftungstext="Zweite Seite"
     Schriftgröße="42"
     VertikaleOptionen="CenterAndExpand"
     HorizontalOptionen="CenterAndExpand" />
    </StackLayout>

So navigieren Sie von der Hauptseite zur zweiten Seite

Um zur zweiten Seite zu navigieren, fügen Sie eine Schaltfläche hinzu, die die App dazu veranlasst, dorthin zu navigieren.

  1. Offen MainPage.xaml.
  2. Fügen Sie ein Schaltflächen-UI-Element hinzu. Fügen Sie die neue Schaltfläche unter dem Etikett hinzu.
    <Schaltflächentext = "Navigieren Sie zur zweiten Seite"
     x: Name = "Taste 1"
     Hintergrundfarbe = "#2196F3"
     Textfarbe = "Weißer Rauch"
     Höhenanfrage = "50" />
  3. Offen MainPage.xaml.cs, und erstellen Sie eine Funktion namens NavigierenZu(). Verwenden Sie innerhalb der Funktion die Navigation. PushAsync Funktion, um zur neuen Seite zu navigieren. Sie müssen das neue Seitenobjekt als Argument hinzufügen.
    asynchronLeere NavigateTo (Objektsender, EventArgs e)
    {
     Navigation. PushAsync(Neu Zweite Seite());
    }
  4. Geh zurück zu MainPage.xaml. Fügen Sie das Neue hinzu NavigierenZu() Funktion in der Geklickt Attribut. Dadurch wird die Ausführung der Funktion ausgelöst, wenn der Benutzer die Taste drückt.
    <Schaltflächentext = "Navigieren Sie zur zweiten Seite"
     x: Name = "Taste 1"
     Angeklickt = "Navigierenzu"
     Hintergrundfarbe = "#2196F3"
     Textfarbe = "Weißer Rauch"
     Höhenanfrage = "50" />
  5. Klicken Sie oben im Visual Studio-Fenster auf die grüne Wiedergabeschaltfläche, um die App mit dem Emulator zu starten.
  6. Klicken Sie auf die Schaltfläche auf der Hauptseite. Sie sehen, wie die App zur zweiten Seite navigiert.

Erstellen mobiler Anwendungen mit Xamarin

Xamarin ist ein Open-Source-Tool, mit dem Sie mobile Anwendungen für iOS, Android, Windows und mehr entwickeln können. Sie können mit Visual Studio ein neues Xamarin-Projekt erstellen, die App füllen und mehrere Seiten hinzufügen.

Um mehrere Seiten hinzuzufügen, erstellen Sie neue Inhaltsseiten und füllen Sie sie mit Inhalt. Sie können auch On-Click-Ereignisse oder andere Ereignisse verwenden, um die App auszulösen, um zur neuen Seite zu navigieren.

Es gibt viel zu tun, um eine mobile Anwendung zu erstellen, daher ist es wichtig, dass Sie die Grundlagen verstehen, wenn Sie beginnen. Entdecken Sie einige der großartigen Kurse, die Ihnen zum Lernen zur Verfügung stehen.