feedback
Skip to content

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