Ihre App durch grundlegende Anpassungen verbessern

  • 6 Minuten

Wir entwickeln unsere Power Apps-Fähigkeiten in diesem Modul weiter, indem wir die Fähigkeiten, die wir im vorherigen Modul „Erste Schritte mit Power Apps Canvas-Apps“ erlernt haben, festigen und erweitern.

Wir arbeiten weiter an der App, die wir im letzten Modul abgeschlossen haben. Wenn Sie dieses Modul also noch nicht abgeschlossen haben, gehen Sie zurück und schließen Sie es ab, da dieses Modul weiterhin darauf aufbaut.

Zuerst sehen wir uns unser Katalog-Steuerelement auf Screen1 an. Beachten Sie, wie Sie jedes Feld darin auswählen können (Title1 und Subtitle1). Sehen Sie sich den Bereich Strukturansicht links auf dem Bildschirm an. Bei der Auswahl eines Katalogfelds wird dieses Steuerelement in der Strukturansicht hervorgehoben. Beachten Sie zudem, dass jedes eine Textbeschriftung ist. Beachten Sie abschließend, dass bei der Auswahl der einzelnen Steuerelemente im Eingabefeld der Formel (fx) ThisItem.'Machine Name' (für die Bezeichnung Title1) oder ThisItem.Type angezeigt wird (für die Body1-Beschriftung). Dies bedeutet, dass in diesem Feld der Textwert in dieser Tabellenspalte für diese Datenzeile angezeigt wird.

Da sich die Datenzeilen bis zum unteren Rand des Katalogs fortsetzen, können Sie diese Felder nur in der oberen Zeile auswählen. Wenn Sie also die Texteigenschaften einer dieser Beschriftungen für das erste Element ändern, wird dies weiter unten in der Liste dargestellt.

Sie können die in dem Katalog angezeigten Felder schnell anpassen, indem Sie zunächst den Katalog auswählen. Wenn Sie dann im Eigenschaftenbereich auf der rechten Seite des Bildschirms nachsehen, sehen Sie ein Dropdownmenü neben „Layout“, das derzeit „Bild, Titel und Untertitel“ anzeigt.

Ändern wir das Layout und die Felder unseres Katalogs so, dass wir weitere Produktinformationen auf eine für Benutzer leicht zu verstehende Art und Weise anzeigen. Befolgen Sie diesen Vorgang:

  1. Stellen Sie sicher, dass Sie das Katalog-Steuerelement mit dem Namen Gallery1 auswählen. Aktuell ist es der einzige Katalog auf Ihrem Bildschirm. Wenn Sie es richtig gemacht haben, wird Gallery1 in Ihrem Bereich Strukturansicht dunkelgrau hervorgehoben.

  2. Ändern Sie im Bereich Eigenschaften auf der rechten Seite Ihres Bildschirms (oder im Optionsmenü, das über dem Steuerelement angezeigt wird, wenn Sie mit der Maus auf die Galerie zeigen) das Layout in „Bild, Titel, Untertitel und Text“.

  3. Wählen Sie in Ihrem Katalog-Steuerelement die neu hinzugefügte Beschriftung Body1 aus, und beachten Sie, dass es ThisItem.'Primary color' als Wert für die Text-Eigenschaft im Formelfeld (fx) anzeigt.

  4. Ändern Sie die Eigenschaft Text der Beschriftung Body1 in „ThisItem.Type“.

Screenshot der Katalogfelder

Formularfelder ändern

Sehen wir uns als Nächstes die Bearbeitung des Formulars an. Es empfiehlt sich, nur die Felder anzuzeigen, die aktualisieren werden sollen. Wir können unser Formular ändern, indem wir die mit der ID verbundenen Felder entfernen, einschließlich Machine ID und Product Type ID. Wir können außerdem einige Felder in unserem Formular neu positionieren, um sie besser lesbar zu machen.

Führen Sie die folgenden Schritte aus, um Ihr Formular zu bearbeiten:

  1. Wählen Sie auf Ihrem Bildschirm oder im Bereich Strukturansicht Ihr Formular-Steuerelement aus. Wählen Sie auf der Befehlsleiste die Option Felder bearbeiten aus.

  2. Bewegen Sie im Bereich Felder Ihre Maus über einen Feldwert, um Auslassungspunkte für Weitere Aktionen anzuzeigen. Wählen Sie die Auslassungspunkte für das Feld Machine ID und dann Entfernen aus. Gehen Sie genauso auch für das Feld Product Type ID vor.

  3. Im Bereich Felder können Sie zudem Felder per Drag & Drop neu positionieren. Ziehen Sie zunächst das Feld Product Summary per Drag & Drop an das Ende der Liste und dann das Image per Drag & Drop darunter.

  4. Unser Feld „Product Summary“ umfasst mehrere Zeilen. Wählen wir also das Feld Product Summary im Bereich „Felder“ aus bzw. erweitern wir es, um eine Änderung an diesem Feld vorzunehmen. Klicken Sie auf den Feldnamen, um eine Erweiterung durchzuführen. Beachten Sie, dass sich unter dem Steuerelementtyp eine Dropdownoption befindet, die aktuell „Text bearbeiten“ lautet.

  5. Richten Sie die Steuerelementtyp-Option für das Feld Product Summary auf „Mehrzeiligen Text bearbeiten“ fest. Beachten Sie, wie Ihr Eingabefeld im Formular erweitert wird und eine Bildlaufleiste anzeigt.

  6. Schließen Sie den Bereich Felder, indem Sie außerhalb des Bereichs oder erneut auf die Schaltfläche Felder bearbeiten klicken.

  7. Zum Anzeigen der gesamten Produktübersicht passen wir abschließend die Höhe des Felds „Product Summary“ an. Wählen Sie die Formulardatenkarte für die Product Summary und dann das Texteingabe-Steuerelement DataCardValue aus.

  8. Ziehen Sie jetzt den unteren Rand des Texteingabefelds zum unteren Rand der Karte, um den sichtbaren Teil des Steuerelements zu erweitern. Nach ausreichender Erweiterung verschwindet die Bildlaufleiste.

Denken Sie daran, dass jede Datenzeile oder jeder Datensatz in der Datenquelle als Katalog‑ und als Formularinformationen verfügbar ist. Für Textbeschriftungen wird Text benötigt. Wenn sie also Text umfassen, sehen Sie den dargestellten Text. Sie können die in Ihrem Katalog angezeigten Felder ändern, einschließlich der angezeigten Felder und der Größe der Eingabefelder.