Ihre App durch grundlegende Anpassungen verbessern
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.
Katalogfelder bearbeiten
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. Ändern Sie also die Texteigenschaften einer dieser Beschriftungen für das erste Element, und es wird angezeigt, dass dies weiter unten in der Liste dargestellt wird.
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:
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.
Ändern Sie im Bereich Eigenschaften auf der rechten Seite Ihres Bildschirms das Layout in "Bild, Titel, Untertitel und Text".
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.
Ändern Sie die Eigenschaft Text der Beschriftung Body1 in „ThisItem.Type“.
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 bearbeiten unser Formular so, dass wir die mit der ID verbundenen Felder entfernen, einschließlich Machine ID und Product Type ID. Zudem positionieren wir einige Felder in unserem Formular neu, um es besser lesbar zu machen.
Führen Sie die folgenden Schritte aus, um Ihr Formular zu bearbeiten:
Wählen Sie auf Ihrem Bildschirm oder im Bereich Strukturansicht Ihr Formular-Steuerelement aus. Wählen Sie im Bereich Eigenschaften die Option Felder bearbeiten aus.
Bewegen Sie im Popup-Bereich Felder Ihre Maus über einen Feldwert, um Auslassungspunkte für Weitere Aktionen anzuzeigen. Wählen Sie die Auslassungspunkte für das Feld Maschinen-ID und dann Entfernen aus. Gehen Sie genauso auch für das Feld Product Type ID vor.
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.
Unser Feld „Product Summary“ umfasst mehrere Zeilen. Erweitern wir also das Feld Product Summary im Bereich „Felder“, 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.
Richten Sie die Steuerelementtyp-Option für das Feld Product Summary auf „Mehrzeiligen Text bearbeiten“ fest.
Schließen Sie den Bereich Felder.
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.
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.