App in der Vorschau ansehen

Wenn Sie eine App erstellen, ist es hilfreich, eine Vorschau Ihrer App anzuzeigen und zu sehen, wie sie für Ihre Benutzer aussieht. Verwenden Sie das Vorschau-App-Feature, um zu sehen, wie Ihre App auf verschiedenen Geräten und in unterschiedlichen Größen angezeigt wird. Die Vorschau einer App ist besonders nützlich, wenn Sie eine reaktionsfähige App erstellen.

Um eine Vorschau einer App anzuzeigen, öffnen Sie die App für die Bearbeitung in Power Apps Studio, wählen Sie im Menü "Aktionen Zeigen Sie eine Vorschau der App an.

Verwenden Sie die Vorschauoptionen, um zu sehen, wie Ihre App auf verschiedenen Geräten mit der Geräteauswahl aussieht.

Legende:

1. Tablet-Geräte: Ermöglicht Ihnen die Auswahl von gängigen Tablet-Geräten verschiedener Hersteller sowie die Möglichkeit, eine benutzerdefinierte Größe basierend auf Ihren Anforderungen auszuwählen. Diese Option zeigt einen Geräterahmen und eine gerätesichere Zone an, die je nach Ausrichtung des Geräts als schwarzer Bereich entweder oben und unten oder seiten angezeigt wird. Es zeigt auch einen schwarzen Bereich mit der Home-Leiste unten.
2. Mobile Geräte: Ermöglicht Ihnen die Auswahl von gängigen Telefonen verschiedener Hersteller sowie die Möglichkeit, eine benutzerdefinierte Größe basierend auf Ihren Anforderungen auszuwählen. Diese Option zeigt einen Geräterahmen und eine gerätesichere Zone an, die je nach Ausrichtung des Geräts als schwarzer Bereich entweder oben und unten oder seiten angezeigt wird. Es zeigt auch einen schwarzen Bereich mit der Home-Leiste am unteren Rand.
3. Webansicht: Sehen Sie sich an, wie Ihre App in einem Webbrowser aussieht. Sie können eine Fenstergröße auswählen, um das Browserfenster auszufüllen, oder Sie können die Canvasgröße auswählen, um zu sehen, wie die App während der Dokumenterstellung aussieht, ohne die Vorschau zu verlassen.
4. Ausrichtungsschalter: Wechseln zwischen vertikaler und horizontaler Ausrichtung. Die Option "Ausrichtungsschalter " ist deaktiviert, wenn die Einstellung " Ausrichtung sperren " aktiviert ist.

Wenn Sie eine reaktionsfähige App entwickeln, passt sich der Inhalt in der App an die Bildschirmgröße des verwendeten Geräts an.

Sehen Sie sich dieses Video an, um zu erfahren, wie Ihnen das Geräteauswahl-Tool hilft, zu bestätigen, dass Ihre App ordnungsgemäß angepasst wird.

Anzeigeeinstellungen

Die Art und Weise, wie sich Ihre App mit jeder Vorschauoption verhält, hängt vom App-Typ und den Anzeigeeinstellungen ab.

• Wenn eine App mithilfe des Telefonlayouts erstellt wird, können Sie sie weiterhin über die Geräteauswahl im Web und auf Tablet-Geräten in der Vorschau anzeigen. Wenn eine App jedoch nicht mit einem responsiven Layout erstellt wird, wird sie im Format eines Telefons im Web und auf dem ausgewählten Tablet angezeigt. Sie erhalten eine Meldung, in der erläutert wird, warum die Vorschau schmal ist. Wenn Sie möchten, dass eine App auf Smartphones, Tablets und Webgrößen reagiert, empfiehlt es sich, beim Erstellen einer App die Tablet-Option auszuwählen. Sie können dynamische Autolayoutcontainer verwenden, um den Inhaltsfluss für verschiedene Bildschirmgrößen einschließlich Smartphones zu bestimmen. Weitere Informationen: Erstellen von dynamischen Canvas-Apps

• Unter Anzeigeeinstellungen:

  • Anpassen: Wenn sie auf "An " festgelegt ist, wird die gesamte App so skaliert, dass sie auf den verfügbaren Platz passt. Wenn der App ein kleinerer Platz zur Verfügung steht, bemerken Sie möglicherweise leeren Raum an den Seiten, um die Skalierung zu ermöglichen. Wenn ein Benutzer die App wiederspielt, wird auch der leere Platz angezeigt.
  • Ausrichtung sperren: Bei Einstellung auf Ein wird die Schaltfläche Ausrichtung wechseln in der Geräteauswahl deaktiviert.

Bekannte Probleme

• Wenn die Einstellung Passend skalieren aktiviert und die Einstellung Seitenverhältnis sperren deaktiviert ist, ist Ihre Vorschau nicht genau. Diese Konfiguration wird nicht empfohlen. Weitere Informationen: Ändern der Bildschirmgröße und Ausrichtung von Canvas-Apps

• Wenn "Anpassen skalieren" deaktiviert ist und Sie die Größe ihres Browserfensters im Vorschaumodus ändern, ist die Vorschau nicht korrekt. Um das Problem zu beheben, schließen Sie die Vorschau, und öffnen Sie sie erneut, sobald sich Ihr Browserfenster in der gewünschten Größe befindet.