Fügen Sie Ihrer App vielfältige Benutzeroberflächenelemente hinzu, und konfigurieren Sie Aspekte ihrer Darstellung und ihres Verhaltens direkt oder in der Bearbeitungsleiste. Diese Elemente der Benutzeroberfläche werden als Steuerelemente bezeichnet, während die von Ihnen konfigurierten Aspekte als Eigenschaften bezeichnet werden.

Voraussetzungen

  1. Registrieren Sie sich bei PowerApps, installieren und öffnen Sie PowerApps, und melden Sie sich mit den Anmeldeinformationen an, die Sie beim Registrieren angegeben haben.

  2. Klicken oder tippen Sie in PowerApps Studio im Menü Datei auf Neu (nahe dem linken Rand).

    Option „Neu“ im Menü „Datei“

  3. Klicken oder tippen Sie in der Kachel Leere App auf Telefonlayout.

    App von Grund auf neu erstellen

  4. Wenn Sie aufgefordert werden, die Einführung anzuschauen, klicken oder tippen Sie auf Next um sich mit wichtigen Bereichen der PowerApps Schnittstelle vertraut zu machen (oder klicken oder tippen Sie auf Skip).

    Begrüßungsbildschirm der Einführungsdemo

    Sie können sich die Einführung jederzeit später anschauen. Klicken oder tippen Sie hierzu auf das Fragezeichen-Symbol in der Nähe der oberen rechten Ecke, und klicken oder tippen Sie anschließend auf Take the intro tour.

Hinzufügen eines Steuerelements

Sie können beliebige Steuerelemente in einer Vielzahl von Kategorien hinzufügen, indem Sie auf die Registerkarte Einfügen der Symbolleiste klicken oder tippen, anschließend auf eine Kategorie und dann auf das gewünschte Steuerelement klicken oder tippen. Betrachten Sie in diesem Abschnitt die Steuerelemente in den einzelnen Kategorien, um sich mit den Typen von Steuerelementen vertraut zu machen, die Sie hinzufügen können und zu erfahren, wo Sie die einzelnen Typen ggf. zu finden sind.

  • Text

    Optionen in der Kategorie „Text“

    Tipp: Sie können mithilfe der Stifteingabe schreiben oder zeichnen.

  • Steuerelemente

    Optionen in der Kategorie „Steuerelement“

    Tipp: Auswahlmöglichkeiten erhalten Sie in Ihrer App, indem Sie ein Listenfeld, eine Dropdownliste oder Optionsfelder hinzufügen.

  • Katalog

    Optionen in der Kategorie „Katalog“

    Tipp: Zeigen Sie mithilfe eines Katalogs eine Liste von Datensätzen aus einer Tabelle an.

  • Formulare

    Optionen in der Kategorie „Formular“

    Tipp: Datensätze können mithilfe eines Formulars angezeigt oder bearbeitet werden.

  • Medien

    Optionen in der Kategorie „Medien“

    Tipp: Sie können andere Daten als Textdaten anzeigen lasen, indem Sie Ihrer App Multimedia hinzufügen.

  • Diagramme

    Säulendiagramm, Liniendiagramm, Kreisdiagramm

    Tipp: Konfigurieren Sie ein Diagramm, um unternehmenswichtige Daten zu veranschaulichen.

  • Symbole

    Diese Kategorie enthält eine Vielzahl von Formen, Aktionssymbolen und Symbolen. Scrollen Sie nach unten, um alle Optionen zu durchsuchen.

Wenn Sie mehr Platz für Steuerelemente benötigen, können Sie einen Bildschirm hinzufügen.

Direktes Konfigurieren eines Steuerelements

In diesem Verfahren fügen Sie ein Textfeld hinzu und konfigurieren dieses; Sie können dieselben Prinzipien jedoch auch auf andere Steuerelemente anwenden.

  1. Klicken oder tippen Sie auf der Symbolleiste auf die Registerkarte Einfügen, und klicken oder tippen Sie anschließend auf Textfeld.

    Registerkarte „Einfügen“

    Wenn Sie ein Steuerelement hinzufügen, wird dieses standardmäßig ausgewählt. Sie können auch ein vorhandenes Steuerelement auswählen, indem Sie darauf klicken oder tippen. Wenn ein Steuerelement ausgewählt ist, wird es von einem Auswahlfeld umschlossen, und andere Bereiche der Benutzeroberfläche werden geändert, sodass Sie das aktivierte Steuerelement konfigurieren können. Ein ausgewähltes Textfeld ähnelt beispielsweise dieser Abbildung.

    Ausgewähltes Textfeld

    Wichtig: Wenn ein Steuerelement ausgewählt ist und Sie ein anderes Steuerelement oder einen leeren Bereich des Bildschirms auswählen, wird die Auswahl des ersten Elements aufgehoben.

  2. Verringern Sie die Breite des Textfeld-Steuerelements, indem Sie einen Ziehpunkt am rechten Rand des Auswahlfeldes nach links ziehen. (Der mittlere Ziehpunkt wird nur angezeigt, wenn Sie die Anzeige vergrößern.)

    Textfeld mit geänderter Größe

    Sie können die Größe eines Steuerelements auch ändern, indem Sie seine Height-Eigenschaft, Width-Eigenschaft oder beide Eigenschaften ändern, wie in diesem Artikel an späterer Stelle beschrieben.

  3. Verschieben Sie das Textfeld-Steuerelement, indem Sie das Auswahlfeld selbst ziehen (oder indem Sie X, Y oder beide Eigenschaften ändern, wie in diesem Artikel an späterer Stelle beschrieben).

  4. Klicken Sie dreimal auf den im Textfeld-Steuerelement angezeigten Text, und geben Sie Hello, world ein.

    Textfeld mit benutzerdefiniertem Text

    Sie können diesen Text auch ändern, indem Sie die Text-Eigenschaft dieses Steuerelements festlegen, wie in diesem Artikel an späterer Stelle beschrieben.

  5. Löschen Sie das Textfeld-Steuerelement, indem Sie darauf klicken oder tippen und anschließend „Löschen“ auswählen.

  6. Stellen Sie das Textfeld-Steuerelement wieder her, indem Sie STRG+Z drücken (oder indem Sie die ersten vier Schritte in diesem Verfahren noch einmal ausführen).

Konfigurieren eines Steuerelements über die Symbolleiste

Durch Konfigurieren eines Steuerelements über die Symbolleiste können Sie eine größere Anzahl von Optionen angeben, als Sie direkt konfigurieren können.

  1. Klicken oder tippen Sie bei ausgewähltem Textfeld-Steuerelement auf die Registerkarte Start auf der Symbolleiste.

    Registerkarte „Start“

  2. Klicken oder tippen Sie auf Ausfüllen, und klicken und tippen Sie anschließend auf eine Farbe wie Aquamarin.

    Option „Ausfüllen“

    Das Textfeld-Steuerelement spiegelt Ihre Auswahl wider.

    Textfeld mit aquamarinblauer Füllung

  3. Ändern Sie die Schriftfamilie und den Schriftgrad des Texts (z.B. in 18 pt. Georgia).

    Schriftart-Steuerelemente

    Das Textfeld-Steuerelement spiegelt Ihre Auswahl wider.

    18 pt. Georgia

  4. Klicken oder tippen Sie auf die Registerkarte Textfeld, und klicken Sie anschließend auf VertikalAusrichten und auf Oben.

    Registerkarte „Textfeld“

    Das Textfeld-Steuerelement spiegelt Ihre Auswahl wider.

    Textfeld, dessen Text am oberen Rand des Feldes ausgerichtet ist

Konfigurieren eines Steuerelements in der Bearbeitungsleiste

Mithilfe der Bearbeitungsleiste können Sie Eigenschaften festlegen, die nicht direkt oder über die Symbolleiste festgelegt werden können. Sie können beispielsweise eine QuickInfo festlegen, die eingeblendet wird, wenn ein Benutzer auf das Steuerelement zeigt, jedoch nicht darauf klickt oder tippt. Sie können auch komplexe Formeln angeben, durch die der Funktionsumfang der App verbessert wird.

Wenn Sie bisher in diesem Artikel eine Änderung vorgenommen haben, wurde der Wert einer Eigenschaft des konfigurierten Steuerelements aktualisiert.

  • Beim Ändern der Größe des Steuerelements haben Sie seine Width-Eigenschaft geändert.
  • Beim Verschieben des Steuerelements haben Sie seine X-Eigenschaft und seine Y-Eigenschaft geändert.
  • Beim Ändern des vom Steuerelement angezeigten Texts haben Sie seine Text-Eigenschaft geändert.

Anstatt ein Steuerelement direkt oder über die Symbolleiste zu konfigurieren, können Sie auch den Wert einer Eigenschaft aktualisieren, indem Sie diese in der Eigenschaftenliste auswählen und anschließend einen Wert in der Bearbeitungsleiste angeben. Mit dieser Vorgehensweise können Sie Eigenschaften nach ihrer alphabetischen Reihenfolge durchsuchen, und Sie können mehr Werttypen angeben.

  1. Klicken oder tippen Sie bei ausgewähltem Textfeld-Steuerelement in der Eigenschaftenliste auf Text, und geben Sie anschließend "My Company Name" (einschließlich der Anführungszeichen) in der Bearbeitungsleiste ein.

    Zeichenfolgenliteral in einem Textfeld

    Wenn Sie eine Textzeichenfolge in Anführungszeichen einschließen, geben Sie an, dass sie genau so behandelt werden soll, wie Sie sie eingegeben haben. Stattdessen können Sie den Wert einer Eigenschaft auch in einer Formel einsetzen.

  2. Klicken oder tippen Sie bei ausgewähltem Textfeld-Steuerelement in der Eigenschaftenliste auf Text, und geben Sie anschließend in der Bearbeitungsleiste Today() (ohne Anführungszeichen) ein.

    Das Steuerelement zeigt das aktuelle Datum an.

    Today-Funktion

    Tipp: Sie haben verschiedene Möglichkeiten, Datums- und Uhrzeitangaben zu formatieren und können zudem Berechnungen mit derartigen Daten ausführen.

Konfigurieren von zwei miteinander interagierenden Steuerelementen

In diesem Verfahren fügen Sie ein Kontrollkästchen hinzu und konfigurieren dann das bereits vorhandene Textfeld so, dass es nur angezeigt wird, wenn das Kontrollkästchen aktiviert ist.

  1. Klicken oder tippen Sie auf die Registerkarte Einfügen.

    Registerkarte „Einfügen“

  2. Klicken oder tippen Sie auf Steuerelemente, und klicken oder tippen Sie auf Kontrollkästchen.

    Kontrollkästchen einfügen

  3. Verschieben Sie das Kontrollkästchen-Steuerelement, sodass es sich unterhalb des Textfeld-Steuerelements befindet, und legen Sie die Text-Eigenschaft des Kontrollkästchen-Steuerelements so fest, dass Text anzeigen angezeigt wird.

    Konfigurieren des Kontrollkästchens

  4. Klicken oder tippen Sie bei ausgewähltem Kontrollkästchen-Steuerelement auf die Registerkarte Start.

    Umbenennen des Kontrollkästchens

  5. Klicken oder tippen Sie auf den aktuellen Namen des Kontrollkästchen-Steuerelements (rechts neben Neuer Bildschirm), und geben Sie MyCheckbox ein.

    Umbenennen des Kontrollkästchens

  6. Klicken oder tippen Sie auf das Textfeld-Steuerelement, um es auszuwählen, und klicken Sie anschließend auf die Registerkarte Textfeld und auf die Option Sichtbar.

    Option „Sichtbar“

  7. Löschen Sie in der Bearbeitungsleiste den Text true, und geben bzw. fügen Sie dann diese Formel ein:

    If(MyCheckbox!Value = true, true, false)

    Diese If-Funktion legt fest, dass das Textfeld nur dann angezeigt werden soll, wenn das Kontrollkästchen aktiviert ist. Da das Kontrollkästchen deaktiviert ist, wird das Textfeld-Steuerelement ausgeblendet (mit Ausnahme des Auswahlfeldes).

    Formel für „Sichtbar“

  8. Klicken oder tippen Sie auf das Kontrollkästchen-Steuerelement, um diesem das Auswahlfeld hinzuzufügen, und klicken und tippen Sie erneut darauf, um ein Häkchen hinzuzufügen.

    Das Textfeld wird wieder eingeblendet:

    Textfeld wird bei Aktivieren des Kontrollkästchens eingeblendet

  9. Deaktivieren Sie das Kontrollkästchen-Steuerelement, um das Textfeld-Steuerelement auszublenden.

    Textfeld wird bei Deaktivieren des Kontrollkästchens ausgeblendet

Dies ist ein einfaches Beispiel; Sie können jedoch das Verhalten und das Erscheinungsbild Ihrer App konfigurieren, indem Sie eine oder mehrere einfache oder komplexe Formeln erstellen.

Umbenennen eines Bildschirms oder Steuerelements

Durch das Umbenennen eines Bildschirms oder eines Steuerelements können Sie Formeln erstellen, die leichter lesbar und einfacher zu verwalten sind.

  1. Klicken oder tippen Sie auf den Bildschirm oder das Steuerelement, der bzw. das umbenannt werden soll.

  2. Klicken oder tippen Sie auf der Registerkarte Start auf den Namen des Steuerelements (rechts neben Neuer Bildschirm), und geben Sie den gewünschten Namen ein.

    Umbenennen eines Kontrollkästchens