Erstellen von UWP-Apps mit Visual Studio

Erstellen von UWP-Apps mit Visual Studio

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]

Das Erlebnis mit der universellen Windows-App wurde für Windows 10 durch die Erfahrungen mit Windows 8.1 erheblich verbessert. In diesem Thema wird erläutert, wie Sie universelle Windows-Apps für Windows 10-Geräte erstellen. Zudem werden einige der Unterschiede behandelt.

Mit der Einführung des einzelnen, einheitlichen Windows 10-Kerns und der universellen Windows-Plattform (UWP) kann ein einzelnes App-Paket auf allen Plattformen ausgeführt werden. Sie erstellen jetzt ein einzelne universelle Windows-App, die auf allen Windows 10-Geräten ausgeführt werden kann. Verwenden Sie Ihre App auf einem Windows 10-Smartphone, auf einem Windows 10-Desktop-PC oder auf der Xbox. Es ist immer das gleiche App-Paket! Sie können Ihre Seiten so entwerfen, dass sie unabhängig vom Gerät, das für die Anzeige verwendet wird, richtig gerendert werden.

Einen Einblick in die vielfältigen Möglichkeiten erhalten Sie in unserer UWP-Anleitung. Anschließend können Sie direkt mit der Entwicklung Ihrer ersten wirklich universellen Windows-App beginnen.

Erste Schritte mit universellen Windows-Apps

Laden Sie zunächst Microsoft Visual Studio herunter, und führen Sie eine benutzerdefinierte Installation durch. Achten Sie darauf, dass in der Liste mit den optionalen Features die Entwicklungstools für universelle Windows-Apps ausgewählt sind. Ohne diese Tools können Sie keine universellen Windows 10-Apps erstellen.

Installieren Sie Visual Studio mit den hier angegebenen optionalen Features.

Wenn Sie Apps entwickeln oder eine App auf einem Windows 10-Gerät testen möchten, müssen Sie das Gerät für die Entwicklung aktivieren. Für Windows 10 benötigen Sie keine Entwicklerlizenz mehr. Führen Sie die hier beschriebenen Schritte aus, um Ihr Gerät zu aktivieren.

Und schon kann's losgehen! Wählen Sie die Vorlage auf der Grundlage der Sprache aus, die Sie verwenden möchten. Zur Auswahl stehen C#, Visual Basic, C++ und JavaScript. (In diesem Thema verwenden wir eine C#-Vorlage.) Erstellen Sie anschließend ein Projekt vom Typ Leere App (Universelle App).

Leere Vorlage für eine universelle Windows 10-App in Visual Studio

Wie Sie sehen, erscheint im Projektmappen-Explorer nur ein einzelnes Projekt. Dies liegt daran, dass Ihre App jetzt wirklich flexibel anpassbar ist. Sie benötigen nur ein Projekt für die Erstellung.

Das Projekt enthält eine Seite, aber Sie können weitere Seiten hinzufügen. Jede Seite wird auf allen Geräten gerendert, auf die Sie mit Ihrem Projekt abzielen, und das Erstellen mehrerer Versionen entfällt. Falls Sie das Aussehen und Verhalten einer Seite für ein bestimmtes Gerät anpassen möchten, ist dies aber ohne Weiteres möglich. Dies wird weiter unten beschrieben.

Universelle Windows 10-App im Projektmappen-Explorer

Hinzufügen universeller Steuerelemente, die sich Ihrem Windows 10-Gerät anpassen

Die UWP bietet einige neue Steuerelemente (etwa RelativePanel und SplitView), deren Darstellung an unterschiedliche Arten von Geräten, Layouts und Geräteausrichtungen angepasst wird.

Weitere Informationen zu adaptiven Steuerelementen

Anzeigen Ihrer Seiten auf unterschiedlichen Geräten

Sie können die Darstellung einer Seite auf unterschiedlichen Geräten prüfen, ohne die App auf den einzelnen Geräten ausführen zu müssen. Wählen Sie oben im Designer ein Gerät aus einer Dropdownliste aus. Die Abmessungen der Seite, die im Designer angezeigt wird, ändern sich bei jeder Auswahl. Außerdem können Sie wählen, ob Sie die Seite im Quer- oder im Hochformat anzeigen möchten.

Anzeigen der UI für verschiedene Gerätegrößen und Auflösungen

Ausführen der App und Debuggen des Codes

Wählen Sie zum Ausführen Ihrer App auf der Symbolleiste Standard in der Dropdownliste neben der Schaltfläche Lokaler Computer ein Geräteziel aus.

Dropdownliste mit Zielgeräten zum Debuggen Ihrer App

Sie können Ihre App lokal, auf einem Remotecomputer oder in einem Simulator ausführen, um zu sehen, wie die App auf einem Tablet oder Desktop angezeigt wird. Mit dem Simulator können Sie häufig anfallende Touch- und Drehungsereignisse simulieren.

Wenn Sie sehen möchten, wie Ihre App auf einem anderen Windows-Gerät angezeigt wird, wählen Sie einen Emulator aus, oder schließen Sie ein Gerät direkt an den Computer an. Zum Ausführen der App mit einem der Emulatoren müssen Sie Visual Studio auf einem physischen Computer installieren. Auf dem physischen Computer muss mindestens Windows 8.1 (x64) Professional Edition ausgeführt werden, und er muss mit einem Prozessor ausgestattet sein, der Hyper-V für Clients und Second Level Address Translation (SLAT) unterstützt. Die Emulatoren können nicht ausgeführt werden, wenn Visual Studio auf einem virtuellen Computer installiert ist.

Erfahren Sie mehr darüber, wie Sie Ihre App auf all diesen Zielgeräten ausführen.

Weitere Informationen zum Debuggen und Testen Ihrer App in Visual Studio

Hinzufügen von plattformspezifischem Code

Der Großteil Ihres Codes kann sowohl auf PCs als auch auf mobilen Geräten ausgeführt werden. Es ist sehr wahrscheinlich, dass Sie nichts Besonderes unternehmen müssen, um dies zu erreichen. Dies liegt daran, dass die meisten APIs zu einem gemeinsamen universellen Windows SDK zusammengefasst wurden. Sie finden dieses SDK in der Liste der Projektreferenzen im Projektmappen-Explorer.

In einigen Fällen kann es aber sein, dass Sie Code schreiben müssen, der nur auf einer bestimmten Gerätefamilie ausgeführt werden kann. Öffnen Sie dazu das Dialogfeld Reference Manager. Wählen Sie dann in Abhängigkeit von den Gerätefamilien, auf die Ihr Code ausgerichtet wird, eine der SDK-Erweiterungen für die universelle Windows-Plattform (UWP) aus. (Im Laufe der Zeit werden möglicherweise weitere SDK-Erweiterungen für andere Gerätefamilien hinzugefügt.)

Fügen Sie die Erweiterungs-SDKs hinzu, die Sie für Ihre App benötigen.

Stellen Sie sicher, dass auf dem aktiven Gerät eine API verfügbar ist, bevor Sie es verwenden. Mit diesem Code wird dem Windows.Phone.UI.Input.HardwareButtons.CameraPressed-Ereignis beispielsweise ein Ereignishandler zugewiesen. Der Code wird kompiliert, wenn das Projekt einen Verweis auf die Windows Mobile-Erweiterungen für das UWP SDK enthält.


Windows.Phone.UI.Input.HardwareButtons.CameraPressed += HardwareButtons_CameraPressed;

Aber was geschieht, wenn ein Benutzer diese App auf einem PC ausführt, der keine Kamerataste besitzt? Die App würde abstürzen, da auf einem PC keine Zurück-Schaltfläche vorhanden ist.

Verwenden Sie zum Beheben dieses Problems die Windows.Foundation.Metadata.ApiInformation.IsTypePresent-Methode, um zu ermitteln, ob auf dem aktiven Gerät ein Typ mit dem Namen Windows.Phone.UI.Input.HardwareButtons verfügbar ist. Wenn ja, ist die App für ein mobiles Gerät geeignet, und der Code wird ausgeführt, ohne dass die App abstürzt. Dafür wird der unten angegebene Code verwendet.


// Note: Cache the value instead of querying it more than once.
    bool isHardwareButtonsAPIPresent =
        Windows.Foundation.Metadata.ApiInformation.IsTypePresent("Windows.Phone.UI.Input.HardwareButtons");

    if (isHardwareButtonsAPIPresent)
    {
        Windows.Phone.UI.Input.HardwareButtons.CameraPressed +=
            HardwareButtons_CameraPressed;
    }



Verwenden Sie dieses Muster für Ihre gesamte App, um der App gerätespezifische Funktionen hinzuzufügen.

Behandeln unterschiedlicher Ausrichtungen oder Bildschirmabmessungen

Nutzen Sie adaptive Auslöser im XAML-Code, um anzugeben, wie Steuerelemente angezeigt werden sollen (beispielsweise in Abhängigkeit von der Geräteausrichtung). Sie können adaptive Auslöser nur mit Blend und nicht mit Microsoft Visual Studio 2015 hinzufügen.

Erfahren Sie, wie Sie adaptive Auslöser hinzufügen.

Erstellen einer gerätespezifischen Ansicht für eine Seite

In bestimmten Fällen benötigen Sie ggf. mehr als adaptive Steuerelemente und Entwurfszustände, um genau die gewünschte Benutzeroberfläche zu erzielen. Das ist kein Problem. Sie können gerätespezifische Ansichten für Ihre Seiten erstellen. Es handelt sich nicht um separate Seiten, da jeweils dieselbe CodeBehind-Datei verwendet wird.

Weitere Informationen zu Ansichten

Portieren vorhandener Apps

Erfahren Sie, welche Änderungen Sie vornehmen müssen, um eine vorhandene universelle App für Windows 8.1 oder eine mit Visual Studio 2015 RC erstellte universelle Windows-App zu portieren, um die neueste universelle Windows-Plattform (UWP) zu verwenden und die App dann auf einem beliebigen Windows 10-Gerät auszuführen.

Versionshinweise für Visual Studio 2015

Versionshinweise anzeigen

Fragen und Antworten

F: Kann ich meine universellen Windows-Apps jetzt zum Windows Store hinzufügen?

A: Ja. Zunächst müssen Sie ein App-Paket erstellen.

Verwandte Themen

UWP-Anleitung
Portieren einer vorhandenen universellen Windows 8-App
Universelle Windows-Apps
Erstellen einer universellen Windows 8.1-App

 

 

Anzeigen:
© 2017 Microsoft