Bildschirm hinzufügen

Mit vorgefertigten Bildschirmen können Entwicklungsfachkräfte ganz einfach moderne, reaktionsfähige Apps erstellen, indem sie einfach einen Bildschirm auswählen. Die Bildschirme sind unter Berücksichtigung gängiger App-Szenarien und -Kompositionen gestaltet und verfügen über reaktionsfähige Container und moderne Steuerelemente.

Die folgenden neuen Bildschirme sind verfügbar:

• Willkommensbildschirm
• Kopfzeile und Katalog
• Genehmigungsanforderung

Einen neuen Bildschirm hinzufügen

Wenn Sie einen neuen Bildschirm hinzufügen, können Sie auch ein Bildschirmlayout auswählen, z. B. einen leeren oder geteilten Bildschirm, der sich an unterschiedliche Bildschirmgrößen anpasst.

1. Melden Sie sich bei Power Apps an.
2. Erstellen einer Canvas-App im Tabellenformat.
3. Wählen Sie Power Apps Studio in der Befehlsleiste, Neuer Bildschirm und dann einen Bildschirm aus.
4. Wenn Sie fertig sind, sehen Sie sich eine Vorschau der App an und sehen Sie, wie die App auf verschiedenen Geräten angezeigt wird. Weitere Informationen: Vorschauversion einer App.

Wenn die Option An Größe anpassen deaktiviert ist, passt sich das Bildschirmlayout der App an die Größe des Bildschirms des Geräts an, auf dem sie ausgeführt wird.

Willkommensbildschirm

Der Willkommensbildschirm ist für den Startbildschirm einer App ideal. Er enthält einzelne Kacheln, die Sie mit einem Bild, einem Titel und einem Beschreibungstext anpassen können. Die Anzahl der Kacheln auf dem Bildschirm kann leicht geändert werden, indem Kacheln im Textcontainer hinzugefügt oder entfernt werden. Jede Kachel kann verwendet werden, um Benutzende zu anderen Teilen der App zu navigieren.

Der Willkommensbildschirm enthält die folgenden Steuerelemente:

• Header-Container
  • Header
• Textcontainer
  • Container
    • Bildcontainer
      • Bild (klassisch)
    • Titelcontainer
      • Schaltfläche „Featureelement“
      • Text

Elemente zum Willkommensbildschirm hinzufügen und ihn anpassen

1. Wählen Sie in Power Apps Studio Bildschirm hinzufügen > Willkommensbildschirm aus.
2. Um das Bild zu ändern, wählen Sie das Bild und dann Bearbeiten aus.
3. Wählen Sie die Schaltfläche Featureelement aus und fügen Sie Ihren eigenen Text hinzu.
4. Wählen Sie Kurze Beschreibung oder ansprechende Nachricht aus und bearbeiten Sie den Beschreibungstext.
5. Um weitere Kacheln hinzuzufügen, kopieren Sie in der Strukturansicht ein Container-Element und fügen Sie es ein.
6. Um eine Kachel zu entfernen, gehen Sie in der Strukturansicht mit der rechten Maustaste auf einen Container und wählen Sie dann Löschen.

Kopfzeilen- und Katalogbildschirm

Verwenden Sie den Bildschirm Header und Katalog aus, um eine breite Palette von Produkt- oder Dienstinformationen anzuzeigen, z. B. einen Produktkatalog. Wenn Sie ein Katalog-Steuerelement mit einer Datenquelle verbinden, wird automatisch ein Katalog generiert, der kaum Anpassungen erfordert.

Das Katalog-Steuerelement im Bildschirm Header und Katalog ist ein klassisches Steuerelement. Wenn jedoch das moderne Katalog-Steuerelement freigegeben wird, verwendet der Bildschirm Header und Katalog das moderne Katalog-Steuerelement. Weitere Informationen finden Sie unter Übersicht über moderne Steuerelemente und Designs in Canvas Apps.

Der Bildschirm Header und Katalog enthält die folgenden Steuerelemente:

• Header-Container
  • Header
• Hauptcontainer
  • Katalog (klassisch)
    • Bildcontainer
      • Bild (klassisch)
  • Titelcontainer
    • Titeltext
    • Beschreibungstext
  • Schaltflächencontainer
    • Schaltfläche

Header- und Katalogbildschirm hinzufügen und anpassen

1. Wählen Sie in Power Apps Studio Bildschirm hinzufügen > Header und Katalog aus.

2. Wählen Sie in der Strukturansicht Katalog aus und verbinden Sie sie mit einer Datenquelle, z. B. Dataverse.

3. Wählen Sie im Katalog bestimmte Steuerelemente aus, z. B. das Bild, den Titeltext und die Textbeschreibung.

   Verwenden Sie in der Bildeigenschaft die Syntax ThisItem, um das gewünschte Bild festzulegen. Wenden Sie dieselbe Methode auf den Titeltext und die Textbeschreibung an.

Genehmigungsanforderungs-Bildschirm

Der Bildschirm Genehmigungsanforderung enthält einen Header, ein Formular mit einer Schaltfläche zum Senden und einen Katalog mit vordefinierten Phasen. Der Bildschirm Genehmigungsanforderung ist in Szenarien hilfreich, in denen Aktionen durch Formularübermittlungen ausgelöst werden, wie etwa das Einreichen einer Genehmigungsanforderung oder das Anzeigen eines Workflowprozesses für ein Unternehmen.

Der Bildschirm Genehmigungsanforderung enthält die folgenden Steuerelemente:

• Header-Container
  • Header
• Hauptcontainer
  • Formularcontainer
    • Formulattiteltext
    • Genehmigungsformular
    • Schaltfläche „Senden“
  • Randleistencontainer
    • Text
    • Katalog (klassisch)

Den Bildschirm „Genehmigungsanforderung“ hinzufügen und anpassen

1. Wählen Sie in Power Apps Studio Bildschirm hinzufügen > Genehmigungsanforderung aus.

2. Wählen Sie in der Strukturansicht Genehmigungsformular aus und verbinden Sie es mit einer Datenquelle, z. B. Dataverse.

3. Um die Details der Genehmigungsphasen anzuzeigen, wählen Sie in der Strukturansicht ReviewersGallery und im Eigenschaftenbereich die Registerkarte Erweitert aus und gehen Sie zu Elemente.

   Die folgenden Details sind Teil der Genehmigungsphase:

   • Name: Der Name der Phase oder der genehmigenden Person.

   • Titel: Der Untertitel der Phase oder der genehmigenden Person.

   • Status: Der Phasenstatus

   • Aktuell: Gibt an, ob dies die aktuelle Phase der Genehmigungsanforderung ist.

     Sie können der Schaltfläche auch einen Power Automate-Genehmigungsworkflow hinzufügen, um die genehmigende Person zu benachrichtigen. Weitere Informationen finden Sie unter Einen Genehmigungsworkflow mit Power Automate erstellen und testen.

Bildschirme neu anordnen

Wenn Sie mehr als einen Bildschirm haben, können Sie diese neu anordnen.

Fahren Sie im linken Bereich über eine Anzeige, die Sie nach oben oder unten verschieben möchten, wählen Sie die angezeigte Auslassungsschaltfläche aus und wählen Sie dann nach oben oder nach unten.

Navigation hinzufügen

Wenn Sie eine Canvas-App mit mehreren Bildschirmen erstellen, können Sie eine Navigation hinzufügen, damit Ihre Benutzer zwischen den Bildschirmen navigieren können.

1. Öffnen Sie bei ausgewähltem Bildschirm Einfügen und tippen Sie im Suchfeld auf den Weiter-Pfeil und wählen Sie ihn aus.

2. (optional) Verschieben Sie den Pfeil, sodass er sich in der unteren rechten Ecke des Bildschirms befindet.

3. Mit dem ausgewählten Pfeil legen Sie die Eigenschaft OnSelect auf die Funktion Navigieren fest.

   

   Wenn ein Benutzer den Pfeil auswählt, wird der Bildschirm Target eingeblendet.

4. Fügen Sie im Bildschirm Ziel einen Pfeil Zurück hinzu, und legen Sie dessen OnSelect-Eigenschaft auf die folgende Formel fest:

   Navigate(Target, ScreenTransition.Fade)

   Hinweis

   Geben Sie in der Formel unter Ziel den Namen des Bildschirms ein, zu dem Sie navigieren.

Weitere Informationen

Bildschirm-Steuerelement-Verweis