Bildschirm hinzufügen

Vorgefertigte Bildschirme ermöglichen es Entwicklern, durch Auswahl eines Bildschirms ganz einfach moderne, reaktionsfähige Apps zu erstellen. 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 Galerie
• Genehmigungsanfrage
• Kopfzeile und Formular
• Kopfzeile und Tabelle
• Tabelle und Formular

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. In Power Apps Studio, in der Befehlsleiste, Auswählen Neuer Bildschirm und dann Auswählen einen Bildschirm.
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 finden Sie unter Vorschauversion eine App.

Wenn das Passend skalieren deaktiviert ist, passt sich der Bildschirm Layout der App an die Größe des Gerätebildschirms an, auf dem sie ausgeführt wird.

Willkommensbildschirm

Der Willkommensbildschirm eignet sich optimal für den Startbildschirm einer App. 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
• Körpercontainer
  • Container
    • Bildcontainer
      • Bild (klassisch)
    • Titelcontainer
      • Schaltfläche „Featureelement“
      • Text

Elemente zum Willkommensbildschirm hinzufügen und ihn anpassen

1. In Power Apps Studio, Auswählen Bildschirm hinzufügen> Willkommensbildschirm.
2. Um das Bild zu ändern, Auswählen das Bild und dann Auswählen Bearbeiten.
3. Auswählen Feature-Artikel Schaltflächensteuerung und fügen Sie Ihren eigenen Text hinzu.
4. Auswählen Kurze Beschreibung oder ansprechende Nachricht und bearbeiten Sie den Beschreibungstext.
5. Um weitere Kacheln hinzuzufügen, kopieren und fügen Sie in der Strukturansicht eine Container Artikel.
6. Um eine Kachel zu entfernen, klicken Sie in der Strukturansicht mit der rechten Maustaste auf Container und Auswählen Löschen.

Kopfzeilen- und Katalogbildschirm

Verwenden Sie die Kopfzeile und Galerie Bildschirm zur Präsentation einer breiten Palette von Produkt- oder Serviceinformationen, ähnlich einem Produktkatalog. Wenn Sie ein Katalog-Steuerelement mit einer Datenquelle verbinden, wird automatisch ein Katalog generiert, der kaum Anpassungen erfordert.

Der Galeriesteuerung In Kopfzeile und Galerie Bildschirm ist ein klassisches Steuerelement. Wenn jedoch die moderne Galeriesteuerung freigegeben wird, Kopfzeile und Galerie Bildschirm verwendet die moderne Galeriesteuerung. Weitere Informationen finden Sie unter Übersicht über moderne Steuerelemente und Designs in Canvas-Apps.

Der Kopfzeile und Galerie Der Bildschirm enthält die folgenden Steuerelemente:

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

Header- und Katalogbildschirm hinzufügen und anpassen

1. In Power Apps Studio, Auswählen Bildschirm hinzufügen> Kopfzeile und Galerie.

2. Auswählen Gallery and Verbinden es in der Strukturansicht zu einem Datenquelle wie 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 DieserArtikel Syntax zum Festlegen des gewünschten Bildes. Wenden Sie dieselbe Methode auf den Titeltext und die Textbeschreibung an.

Genehmigungsanforderungs-Bildschirm

Der Genehmigungsanfrage Der Bildschirm enthält eine Kopfzeile, ein Formular mit einer Schaltfläche zum Senden und eine Galerie mit vordefinierten Phasen. Der Genehmigungsanfrage Der Bildschirm ist in Szenarien nützlich, in denen Aktionen durch Formulareinreichungen ausgelöst werden, z. B. das Einreichen einer Genehmigungsanforderung oder das Anzeigen eines Workflow-Prozesses für ein Unternehmen.

Der Genehmigungsanfrage Der Bildschirm enthält die folgenden Steuerelemente:

• Header-Container
  • Header
• Hauptbehälter
  • Formularcontainer
    • Formulattiteltext
    • Genehmigungsformular
    • Schaltfläche „Senden“
  • Seitenleistencontainer
    • Text
    • Katalog (klassisch)

Den Bildschirm „Genehmigungsanforderung“ hinzufügen und anpassen

1. In Power Apps Studio, Auswählen Bildschirm hinzufügen> Genehmigungsanfrage.

2. Klicken Sie in der Baumansicht auf Auswählen Genehmigungsformular und Verbinden es in ein Datenquelle wie beispielsweise Dataverse.

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

   Die folgenden Details sind Teil der Genehmigungsphase:

   • Name: Name der Phase oder des Genehmigers

   • Titel: Untertitel der Phase oder des Genehmigers

   • Status: Phasenstatus

   • Aktuell: Der aktuelle Stand der Genehmigungsanfrage

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

Kopfzeile und Formular

Der Bildschirm Kopfzeile und Formular enthält die Kopfzeile, das Formular und zwei Schaltflächen zum Senden und Abbrechen-Formularübermittlung. Dieser Bildschirm eignet sich hervorragend für die Verwendung eines Bildschirmbreiten Formulars.

Der Kopf- und Formularbildschirm enthält die folgenden Steuerelemente:

• Header-Container
  • Header
• Hauptbehälter
  • Formularcontainer
    • Form
  • Schaltflächencontainer
    • Schaltfläche „Abbrechen“
    • Schaltfläche „Senden“

Kopfzeile und Formularbildschirm hinzufügen und anpassen

1. In Power Apps Studio, Auswählen Bildschirm>Kopfzeile und Formular hinzufügen.
2. Auswählen Form and Verbinden es in der Baumansicht in ein Datenquelle.
3. [Optional] Um eine optimale Bildschirmreaktion sicherzustellen, wählen Sie im Formular jeweils die Daten Karte aus und setzen Sie im Bereich Eigenschaften die Eigenschaft Breitenanpassung auf Ein .

Kopfzeile und Tabelle

Der Bildschirm Kopfzeile und Tabelle enthält zwei Steuerelemente: ein Kopfzeilensteuerelement und ein Tabellensteuerelement. Diese Vorlage eignet sich hervorragend, um eine detaillierte Datentabelle auf einem Bildschirm darzustellen.

Der Bildschirm Kopfzeile und Tabelle enthält die folgenden Steuerelemente:

• Header-Container
  • Header
• Hauptbehälter
  • Table

Kopfzeilen- und Tabellenbildschirm hinzufügen und anpassen

1. In Power Apps Studio, Auswählen Bildschirm>Kopfzeile und Tabelle hinzufügen.
2. Auswählen Table and Verbinden es in der Baumstruktur zu einem Datenquelle.

Tabelle und Formular

Der Tabellen- und Formularbildschirm enthält zwei Hauptsteuerelemente: das moderne Tabellensteuerelement und das moderne Formularsteuerelement. Diese Vorlage verfügt über integrierte Power Fx Formeln, die eine einfache Datenverbindung und -anpassung ermöglichen. Diese Vorlage eignet sich ideal zum Auswählen und Bearbeiten eines Datensatzes mithilfe eines Formulars.

Der Tabellen- und Formularbildschirm enthält die folgenden Steuerelemente:

• Siebcontainer
  • Header-Container
    • Header-Steuerung
  • Körpercontainer
    • Texteingabe (Suche)
    • Tabellensteuerung
    • Formularkontrolle
    • Taste
      • Neu
      • Bearbeiten
      • Delete
      • Senden
      • Abbrechen

Tabellen- und Formularbildschirm hinzufügen und anpassen

In Power Apps Studio:

1. Auswählen Bildschirm hinzufügen>Tabelle und Formular.

2. Auswählen der Bildschirm auf der Leinwand.

3. Auswählen Daten in der Inline-Aktionsleiste.

4. Auswählen das gewünschte Datenquelle.

   

Sobald die Verbindung hergestellt ist, sind sowohl die Tabelle als auch die Formularsteuerelemente an Datenquelle gebunden.

Sie können einen Datensatz im Tabellensteuerelement Auswählen und das Formular zeigt die Details des ausgewählten Datensatzes an.

Alle Schaltflächen in dieser Vorlage sind vorgefertigt Power Fx, es sind also keine weiteren Anpassungen erforderlich. Wenn Sie den Bildschirm mit Verbinden auf die ausgewählte Datenquelle verschieben, ist der Bildschirm nun voll funktionsfähig.

Bildschirme neu anordnen

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

Bewegen Sie den Mauszeiger im linken Bereich über einen Bildschirm, den Sie nach oben oder unten verschieben möchten, und drücken Sie dann Auswählen Nach oben verschieben oder Nach unten verschieben.

Anmerkung

Verwenden Sie die Eigenschaft StartScreen , um festzulegen, welcher Bildschirm zuerst angezeigt wird.

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. Wählen Sie den Bildschirm aus und fügen Sie Auswählen ein. Einfügen Geben Sie in das Suchfeld Weiter-Pfeil ein. Klicken Sie anschließend auf Auswählen.

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

3. Wählen Sie den Pfeil aus und legen Sie die Eigenschaft OnSelect auf die Funktion Navigieren fest.

   

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

4. Fügen Sie auf dem Zielbildschirm ein Zurückpfeil Symbol hinzu und legen Sie dessen OnSelect -Eigenschaft auf diese Formel fest:

   Navigate(Target, ScreenTransition.Fade)

   Anmerkung

   Geben Sie in dieser Formel unter Ziel den Namen des Bildschirms ein, zu dem Sie navigieren möchten.

Weitere Informationen

Referenz zur Bildschirmsteuerung