Bilder
Das Image-Steuerelement in Power Apps ist ein Medien-Steuerelement, das Bilder anzeigt, die aus lokalen Dateien oder aus Datenquellen stammen können. Das Hinzufügen eines Bilds, z. B. eines Unternehmenslogo oder ein Benutzerfoto, ist eine einfache Möglichkeit, um das allgemeine Aussehen und Verhalten Ihrer App zu verbessern. Wenn Ihre Datenquelle Bilder umfasst, können Sie das Bild in ein Katalog-Steuerelement einschließen. Sie können sogar als Hintergrund für einen Bildschirm ein Bild einfügen!
Sie können Ihrer App so viele Bilder hinzufügen, wie Sie möchten. Beachten Sie jedoch, dass sich die Anzahl der verwendeten Bilder und die Bildgröße auf die App-Leistung auswirken können, da Power Apps daran arbeitet, die Daten in die App zu ziehen. Sie sollten also immer die Datengröße Ihres Bildes berücksichtigen, und es entsprechend an Ihre App anpassen.
Genau wie jedes andere Steuerelement verfügt auch Ihr Bild-Steuerelement über Eigenschaften, die angepasst werden können. Einige der wichtigen Bild-Steuerelementeigenschaften umfassen:
Bild – Hier befindet sich der Name der Bilddatei (oder Dateilink).
Image position: Die Position (Füllung, Anpassung, Streckung, Nebeneinander oder Zentriert) des Bilds in einem Bildschirm oder Steuerelement, wenn dieses nicht dieselbe Größe wie das Bild hat.
Transparency – Der Grad, zu dem die Steuerelemente hinter einem Bild sichtbar bleiben.
Ein Bild in Ihre App einfügen
Im folgenden Beispiel fahren wir mit unserer App „Contoso-Kaffeemaschinen“ fort. Sie können jedoch jede beliebige App verwenden. Folgen Sie diesen Schritten:
Wenn Sie Ihrer App ein Bild aus lokalen Daten hinzufügen, ist der erste Schritt, eine Bilddatei hochzuladen. Power Apps kann mit den meisten Bildtypen arbeiten. Wählen sie mit Ihrer App im Bearbeitungsmodus die Schaltfläche Medien aus der Seitenleiste links in Power Apps (links vom Bereich Strukturansicht) aus. Der Bereich Strukturansicht ändert sich in den Bereich Medien.
Wählen Sie im Bereich Medien die Schaltfläche Hochladen aus.
Suchen Sie im Popup-Menü Offen nach der Bilddatei, die Sie in Ihrer App verwenden möchten, und wählen Sie sie aus. Klicken Sie dann auf die Schaltfläche Offen. Einen Moment später erscheint die Bilddatei unter der Liste Bilder und zeigt eine kleine Miniaturansicht an. Das Bild ist jetzt für die Verwendung in Ihrer App verfügbar. Wir fügen in unserer App ein Contoso Electronics-Logo ein, das in unser Header-Rechteck auf dem „Home Screen“ eingefügt wird.
Wählen Sie das Bild im Bereich Medien aus oder geben Sie zuerst das Bildsteuerelement ein und aktualisieren Sie dann die Bildeigenschaft für das Bild, das Sie gerade eingefügt haben, um das Bild einzufügen.
Hinweis
Sobald Sie ein Bildsteuerelement einfügen, enthält das Eigenschaftenfenster auf der rechten Seite Ihres Bildschirms ein Dropdownmenü für die Image-Eigenschaft, sodass Sie das dargestellte Bild schnell verändern können. Sie haben zudem die Möglichkeit, eine Formel hinzuzufügen, um auf Grundlage einer Bedingung verschiedene Bilder darzustellen. Solange das Ergebnis der Eingaben Data type: image entspricht, können Sie ein Bild mit einer Formel generieren.
Ändern Sie die Größe Ihres Bildsteuerelements und seine Position nach oben links in Ihrem Header-Rechteck. Versuchen Sie, die Eigenschaft Image position an die verschiedenen Optionen (z. B Zentrieren, Füllen und Kacheln), anzupassen, um zu ermitteln, wie das Bild reagiert. In unserem Beispiel ist Anpassen die beste Option.
Nun haben wir das Steuerelement Image eingeführt, sehen wir uns nun die Personalisierung Ihrer App an. Fahren Sie für Informationen dazu mit der nächsten Lerneinheit fort.