Freigeben über


Bild-Steuerelement in Power Apps

Ein Steuerelement, das ein Bild aus einer lokalen Datei oder einer Datenquelle anzeigt.

Beschreibung

Wenn Sie ein oder mehrere Bild-Steuerelemente in Ihrer App hinzufügen, können Sie einzelne Bilder, die nicht Teil eines Datensatzes sind, anzeigen oder Bilder von Datensätzen in Datenquellen integrieren.

Schlüsseleigenschaften

Image - Der Name oder die URL des Bilds, das in einem Bild-, Audio- oder Mikrofon-Steuerelement angezeigt wird.

Hinweis

  • Verwenden Sie HTTPS für alle externen Bilder, um die Kompatibilität mit modernen Browsern sicherzustellen.
  • Externe Bilder müssen anonym (ohne Authentifizierung) zugänglich sein.

Zusätzliche Eigenschaften

AccessibleLabel - Bezeichnung für Sprachausgaben.

ApplyEXIFOrientation – Gibt an, ob Ausrichtung, die in den im Image eingebetteten EXIF-Daten angegeben ist, automatisch angewendet wird.

AutoDisableOnSelect: Deaktiviert das Steuerelement automatisch, während das OnSelect-Verhalten ausgeführt wird.

BorderColor - Die Farbe des Rahmens eines Steuerelements.

BorderStyle - Legt fest, ob der Rahmen eines Steuerelements Durgehend, Gestrichelt, Gepunktet oder Keine ist.

BorderThickness - Die Linienstärke des Rahmens eines Steuerelements.

CalculateOriginalDimensions – Aktiviert die OriginalHeight und OriginalWidth-Eigenschaften.

DisplayMode - Legt fest, ob das Steuerelement Benutzereingaben zulässt (Bearbeiten), ob nur Daten angezeigt werden (Anzeigen) oder ob das Steuerelement deaktiviert ist (Deaktiviert).

DisabledBorderColor: Die Farbe des Steuerelementrahmens, wenn die DisplayMode-Eigenschaft des Steuerelements auf Deaktiviert festgelegt ist.

DisabledFill: Die Hintergrundfarbe eines Steuerelements, wenn dessen DisplayMode-Eigenschaft auf Deaktiviert festgelegt ist.

Fill - Die Hintergrundfarbe eines Steuerelements.

FlipHorizontal – Gibt an, ob das Image vor der Anzeige horizontal gekippt werden soll.

FlipVertical – Gibt an, ob das Image vor der Anzeige vertikal gekippt werden soll.

FocusedBorderColor - Die Rahmenfarbe eines Steuerelements, wenn das Steuerelement der Fokus ist.

FocusedBorderThickness - Die Rahmendicke eines Steuerelements, wenn das Steuerelement der Fokus ist.

Height - Die Entfernung zwischen dem oberen und unteren Rand eines Steuerelements.

HoverBorderColor – Die Rahmenfarbe eines Steuerelements, wenn der Benutzer den Mauszeiger über das Steuerelement hält.

HoverFill – Die Hintergrundfarbe eines Steuerelements, wenn der Benutzer den Mauszeiger über ihm hält.

ImagePosition - Die Position (Ausfüllen, Passend, Stretch, Kachel oder Center) eines Bilds auf einem Bildschirm oder in einem Steuerelement, wenn die Größe nicht mit der Bildgröße identisch ist.

ImageRotation – Gibt an, wie das Image vor der Anzeige gedreht werden soll. Zulässige Werte sind „keine“, „Uhrzeigersinn (UZ) 90 Grads“, „Gegenuhrzeigersinn (GGZ) 90 Grad“ und „Uhrzeigersinn 180 Grad“.

OnSelect – Auszuführende Aktionen, wenn der Benutzer auf ein Steuerelement tippt oder klickt.

OriginalHeight – gibt die ursprüngliche Höhe eines Images an, wobei die CalculateOriginalDimensions-Eigenschaft aktiviert ist.

OriginalWidth – Gibt die ursprüngliche Breite eines Images an, wobei die CalculateOriginalDimensions-Eigenschaft aktiviert ist.

PaddingBottom – Der Abstand zwischen dem Text in einem Steuerelement und dem unteren Rand des Steuerelements.

PaddingLeft – Der Abstand zwischen dem Text eines Steuerelements und dem linken Rand des Steuerelements.

PaddingRight – Der Abstand zwischen dem Text eines Steuerelements und dem rechten Rand des Steuerelements.

PaddingTop – Der Abstand zwischen dem Text eines Steuerelements und dem oberen Rand des Steuerelements.

PressedBorderColor – Die Rahmenfarbe eines Steuerelements, wenn der Benutzer auf das Steuerelement tippt oder klickt.

PressedFill – Die Hintergrundfarbe eines Steuerelements, wenn der Benutzer auf das Steuerelement tippt oder klickt.

RadiusBottomLeft – Der Grad der Rundung der linken unteren Ecke eines Steuerelements.

RadiusBottomRight – Der Grad der Rundung der rechten unteren Ecke eines Steuerelements.

RadiusTopLeft – Der Grad der Rundung der linken oberen Ecke eines Steuerelements.

RadiusTopRight – Der Grad der Rundung der rechten oberen Ecke eines Steuerelements.

TabIndex: Navigationsreihenfolge der Tastatur in Bezug auf andere Steuerelemente.

Tooltip - Erklärender Text, der angezeigt wird, wenn der Benutzer auf ein Steuerelement zeigt.

Transparency – Gibt an, inwieweit Steuerelemente hinter einem Image sichtbar bleiben. Dezimalwerte reichen von 0 bis 1. Dabei ist 0 undurchsichtig, 0,5 halbtransparent und 1 transparent.

Visible - Gibt an, ob ein Steuerelement angezeigt wird oder ausgeblendet ist.

Width - Der Abstand zwischen dem linken und rechten Rand eines Steuerelements.

X – Der Abstand zwischen dem linken Rand eines Steuerelements und dem linken Rand des übergeordneten Containers (vom Bildschirm, wenn kein übergeordneter Container vorhanden ist).

Y – Der Abstand zwischen dem oberen Rand eines Steuerelements und dem oberen Rand des übergeordneten Containers (Vom Bildschirm, wenn kein übergeordneter Container vorhanden ist).

Remove( DataSource, ThisItem)

Beispiele

Anzeigen eines Images aus einer lokalen Datei

  1. Klicken oder tippen Sie im Menü Datei auf die Option Medien und klicken oder tippen Sie anschließend auf Durchsuchen.

  2. Klicken oder tippen Sie auf die Image-Datei, die Sie hinzufügen möchten, und klicken oder tippen Sie auf Öffnen. Drücken Sie anschließend ESC, um in den Standardarbeitsbereich zurückzukehren.

  3. Fügen Sie ein Bild-Steuerelement hinzu, und legen Sie dessen Image-Eigenschaft auf den Namen der Datei fest, die Sie hinzugefügt haben.

    Möchten Sie wissen, wie Sie ein Steuerelement hinzufügen und konfigurieren?

    Das Bild-Steuerelement zeigt das von Ihnen angegebene Bild an.

Anzeigen eines Satzes von Images aus einer Datenquelle

  1. Laden Sie diese Excel-Datei herunter, und speichern Sie sie auf Ihrem lokalen Gerät.

  2. Erstellen oder öffnen Sie in Power Apps Studio eine App, und klicken oder tippen Sie dann im rechten Bereich auf Datenquelle hinzufügen.

    Wenn im rechten Bereich Datenquelle hinzufügen nicht angezeigt wird, klicken oder tippen Sie auf der linken Navigationsleiste auf einer beliebigen Anzeige.

  3. Klicken oder tippen Sie auf Statische Daten zu Ihrer App hinzufügen, klicken oder tippen Sie auf die Excel-Datei, die Sie heruntergeladen haben, und klicken oder tippen Sie anschließend auf Öffnen.

  4. Aktivieren Sie das Kontrollkästchen Kostenschätzungen für Bodenbeläge und klicken oder tippen Sie auf Verbinde.

  5. Fügen Sie ein Katalog-Steuerelement mit Bildern hinzu, und legen Sie seine Items-Eigenschaft auf Kostenschätzungen für Bodenbeläge fest.

    Möchten Sie wissen, wie Sie ein Steuerelement hinzufügen und konfigurieren?

    Das Katalog-Steuerelement zeigt Bilder von Teppich-, Parkett- und Fliesenprodukten auf Basis von Links in der von Ihnen heruntergeladenen Excel-Datei.

Richtlinien für Barrierefreiheit

Farbkontrast

Screenreadersupport

  • AccessibleLabel muss für wichtige Grafiken eingestellt werden.

  • Wenn die Grafik zur Dekoration dient oder redundante Informationen enthält, lassen Sie AccessibleLabel leer oder legen Sie es auf die leere Zeichenfolge "" fest. Screenreader ignorieren diese Grafiken.

Sie können beispielsweise ein Image eines Vorhängeschlosses neben einem Beschriftung mit dem Text Dieses Formular kann nicht geändert werden platzieren. Sie brauchen kein AccessibleLabel für das Bild, weil die Beschriftung bereits die Bedeutung erklärt.

Wichtig

Wenn TabIndex 0 (null) oder größer ist, wird das Bild zur Schaltfläche. Sein Aussehen ändert sich nicht, aber Screenreader behandeln es wie eine Schaltfläche. Sie werden die Kontrolle nicht ignorieren, auch wenn AccessibleLabel leer ist.

Tastaturunterstützung

  • TabIndex muss Null oder größer sein, wenn die Grafik als Schaltfläche verwendet wird. Tastaturbenutzer können dann dorthin navigieren.

  • Fokusindikatoren müssen übersichtlich angezeigt werden, wenn die Grafik als Schaltfläche verwendet wird. FocusedBorderColor und FocusedBorderThickness können Ihnen dabei helfen, dieses Ergebnis zu erreichen.

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).