Erste Schritte mit Visual Studio

Wenn Sie Visual Studio noch installieren müssen, lesen Sie unseren früheren Artikel.

Erstellen einer App mit Visual Studio 2017

von Nicole Bruck

Schritt 1: Erstellen

Sie lernen nun, wie Visual Studio und Xamarin zum Erstellen einer einfachen Android-App verwendet werden (iOS und Windows Phone werden auch unterstützt). Dies gelingst selbst dann, wenn Sie noch nie zuvor eine mobile App entwickelt haben!

  • Wählen Sie „Datei“ > „Neu“ > „Projekt“ aus.
  • Wählen Sie den Knoten „Plattformübergreifend“ auf der linken Seite aus, wählen Sie den Projekttyp „Plattformübergreifende App (Xamarin.Forms oder nativ)“ aus, und nennen Sie das Projekt dann „HelloWorld“.
  • Wählen Sie auf dem nächsten Bildschirm die Vorlage „Leere App“ und die PCL-Codefreigabestrategie (Portable Class Library) aus:

Schritt 2: Bearbeiten

Wir fügen unserer mobilen App nun einen Textbereich und eine Schaltfläche hinzu. Anschließend fügen wir der Schaltfläche eine Aktion hinzu, um „Hello, World!“ anzuzeigen.“

  • Klicken Sie mit der rechten Maustaste auf das Projekt „HelloWorldApp (portabel)“, und wählen Sie dann „Neues Element“ aus.
  • Wählen Sie die Vorlage „Forms Xaml-Seite“ aus, und nennen Sie die neue Seite „HelloWorldPage“.
  • Wählen Sie die Datei „HelloWorldPage.xaml“ im Projektmappen-Explorer aus.
  • Ersetzen Sie dies durch den folgenden Code:


    • xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      x:Class="HelloWorld.HelloWorldPage">



                  iOS="20, 40, 20, 20"
                  Android="20, 20, 20, 20"
                  WinPhone="20, 20, 20, 20" />



                   HorizontalOptions="FillAndExpand"
                   Orientation="Vertical"
                   Spacing="15">





       
  • Erweitern Sie den Knoten „HelloWorldPage.xaml“ im Projektmappen-Explorer.
  • Wählen Sie die Datei „HelloWorldPage.xaml.cs“ im Projektmappen-Explorer aus.
  • Ersetzen Sie dies durch den folgenden Code:
    • using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Text;
      using System.Threading.Tasks;

      using Xamarin.Forms;

      namespace HelloWorld
      {
      public partial class HelloWorldPage : ContentPage
      {
      public HelloWorldPage()
      {
      InitializeComponent();
      }

      private async void SayHelloButton_OnClicked(object sender, EventArgs e)
      {
      var name = NameEntry.Text;
      await DisplayAlert("Greeting", $"Hello {name}!", "Howdy");
      }
      }
      }
  • Öffnen Sie „App.xaml.cs“ im Projektmappen-Explorer.
  • Ersetzen Sie „MainPage“ durch „HelloWorldPage“ in public App().

Schritt 3: Erstellen und ausführen

Nun erstellen wir das Projekt, damit wir sicherstellen können, dass der gesamte Code funktioniert.

  • Wählen Sie auf der Visual Studio-Symbolleiste das Projekt „HelloWorld.Android“ und den entsprechenden Emulator aus.

Wenn Sie bereit sind, einige Ihrer Debugfeatures zu testen, lesen Sie unseren nächsten Artikel: Debuggen und mehr