Symbole

Abgeschlossen

Die meisten Apps verfügen über leicht verständliche Symbole, etwa das Diskettensymbol für „Speichern“ oder den Zurückpfeil für „Zurück“. Der Vorteil der Verwendung eines Symbols gegenüber einer Beschriftung oder einer Schaltfläche ist, dass das Symbol keinen Text erfordert und normalerweise an Stellen passt, an denen Text einfach nicht passt.

Power Apps umfasst das Symbol-Steuerelement und bietet viele sofort einsatzbereite Symbole, die Sie in Ihrer gesamten App verwenden können. Da es sich bei Symbolen um Steuerelemente handelt, verfügen sie alle über anpassbare Eigenschaften, dazu gehören OnSelect und Color. Wählen Sie die Schaltfläche Einfügen auf der Befehlsleiste aus, um ein Symbol in Ihre App einzufügen. Wenn Sie das Feld Symbole erweitern, können Sie durch die vollständige Liste der verfügbaren Symbole scrollen.

Screenshot der Liste Symbole

Ein Symbol hinzufügen

Wenn Sie auf unserer App Contoso-Kaffeemaschinen aufgebaut haben, haben Sie sich bereits ein wenig mit der Symbolsteuerung beschäftigt (wir haben einen Rechtspfeil in einen Bearbeitungsstift geändert). Wenn Sie uns folgen möchten, verwenden wir unsere App Contoso-Kaffeemaschinen, um ein paar Symbole hinzuzufügen. Wenn Sie nicht über diese App verfügen, können Sie eine beliebige App öffnen und mitmachen.

  1. Öffnen Sie die App Contoso-Kaffeemaschinen, und wählen Sie den „Catalog Screen“ aus.

  2. Wählen Sie die Option Einfügen aus der Befehlsleiste aus, um ein „Zurückpfeil“-Symbol einzufügen. Sie finden dies durch Erweiterung der Option Symbole, oder einfach durch Eingabe von „Zurück“ in das Suchfeld Einfügen.

    Hinweis

    Wenn Sie das neue Symbol einfügen, übernimmt es das ausgewählte Design-Farbschema.

  3. Positionieren Sie Ihr neues Symbol Zurückpfeil in der oberen linken Ecke Ihres Kopfzeilen-Rechtecks.

  4. Ändern Sie die Farbe des Zurückpfeils in weiß, indem Sie die Schaltfläche Farbe auf der Befehlsleiste und dann den weißen Kreis unter Standardfarben in der unteren linken Ecke des Optionsfelds auswählen.

  5. Aktualisieren Sie als Nächstes die Eigenschaft OnSelect auf: Back()

  6. Verwenden Sie dann Ihr Symbol Zurückpfeil als Vorlage, kopieren Sie ihn, und fügen Sie ihn dann auf Ihrem „Admin Screen“ ein. So können Sie eine Anpassung der Eigenschaften Color und OnSelect vermeiden.

Ein Symbol ändern

Sie erinnern sich vielleicht, dass wir den Typ des Symbols ändern können, indem wir die Eigenschaft Icon des Symbol-Steuerelements anpassen. Das machen wir als Nächstes durch Ändern des Startbildschirmsymbols.

  1. Kopieren Sie ein weiteres Symbol Zurückpfeil zu Ihrem „Admin Screen“, und fügen Sie es ein.

  2. Positionieren Sie es rechts oben im Kopfzeilen-Rechteck.

  3. Beachten Sie, dass auf der Befehlsleiste eine Icon-Eigenschaftenschaltfläche angezeigt wird. Wählen Sie diese Schaltfläche aus. Suchen Sie dann das Symbol Home, und klicken Sie darauf. (zur Vereinfachung der Suche können Sie „Home“ in das Suchfeld eingeben). Beachten Sie, dass sich der Zurückpfeil sofort in das Startseite-Symbol ändert. Dies können Sie mit jedem Power Apps-Symbol tun!

  4. Abschließend passen wir die Eigenschaft OnSelect an, um zu unserem „Home Screen“ zurückzukehren, indem wir Folgendes eingeben:

    Navigate('Home Screen')

Auch wenn unsere App nur über drei Bildschirme verfügt, können Sie den Nutzen eines Home-Symbols als auswählbares Steuerelement in einer App mit mehreren Bildschirmen erkennen, bei der ein auswählbarer Zurückpfeil uns nicht unbedingt zum Startbildschirm der App zurückbringen würde.

Symbole sind ein einfaches Steuerelement, mit dem Sie die Benutzeroberfläche Ihrer App optimieren können! Erfahren Sie in der nächsten Lerneinheit mehr über das Bild-Steuerelement.