Freigeben über


Bildsteuerelement in Power Apps

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

Description

Wenn Sie Ihrer App ein oder mehrere Bildsteuerelemente hinzufügen, können Sie einzelne Bilder anzeigen, die nicht Teil eines Datasets sind, oder Sie können Bilder aus Datensätzen in Datenquellen integrieren.

Schlüsseleigenschaften

Bild – Der Name oder die URL des Bilds, das in einem Bild-, Audio- oder Mikrofonsteuerelement 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 Bildschirmsprachausgaben.

ApplyEXIFOrientation – Gibt an, ob die in den EXIF-Daten angegebene Ausrichtung automatisch angewendet werden soll, die mit dem Bild eingebettet ist.

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

BorderColor – Die Farbe des Rahmens eines Steuerelements.

BorderStyle – Gibt an, ob der Rahmen eines Steuerelements einfarbig, gestrichelt, gepunktet oder None ist.

BorderThickness – Die Stärke des Rahmens eines Steuerelements.

CalculateOriginalDimensions – Aktiviert die Eigenschaften "OriginalHeight " und " OriginalWidth ".

DisplayMode – Ob das Steuerelement Benutzereingaben (Bearbeiten) zulässt, zeigt nur Daten (Ansicht) an oder ist deaktiviert (deaktiviert).

DisabledBorderColor – Die Farbe des Rahmens eines Steuerelements, wenn die DisplayMode-Eigenschaft des Steuerelements auf "Disabled" festgelegt ist.

DisabledFill – Die Hintergrundfarbe eines Steuerelements, wenn die DisplayMode-Eigenschaft auf "Disabled" festgelegt ist.

Füllung – Die Hintergrundfarbe eines Steuerelements.

FlipHorizontal – Gibt an, ob das Bild horizontal gedreht werden soll, bevor es angezeigt wird.

FlipVertical – Gibt an, ob das Bild vertikal gedreht werden soll, bevor es angezeigt wird.

FocusedBorderColor – Die Farbe des Rahmens eines Steuerelements, wenn das Steuerelement fokussiert ist.

FocusedBorderThickness – Die Stärke des Rahmens eines Steuerelements, wenn das Steuerelement fokussiert ist.

Höhe – Der Abstand zwischen den oberen und unteren Rändern eines Steuerelements.

HoverBorderColor – Die Farbe des Rahmens eines Steuerelements, wenn der Benutzer den Mauszeiger auf diesem Steuerelement hält.

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

ImagePosition – Die Position (Füllung, Anpassen, Strecken, Kachel oder Zentriert) eines Bilds auf einem Bildschirm oder einem Steuerelement, wenn es nicht die gleiche Größe wie das Bild aufweist.

ImageRotation – Drehen des Bilds vor dem Anzeigen des Bilds Werte können keine, im Uhrzeigersinn (CW) 90 Grad, gegen den Uhrzeigersinn (CCW) 90 Grad und 180 Grad im Uhrzeigersinn sein.

OnSelect – Aktionen, die ausgeführt werden sollen, wenn der Benutzer auf ein Steuerelement tippt oder klickt.

OriginalHeight – Ursprüngliche Höhe eines Bilds, aktiviert mit der CalculateOriginalDimensions-Eigenschaft .

OriginalWidth – Ursprüngliche Breite eines Bilds, aktiviert mit der CalculateOriginalDimensions-Eigenschaft .

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

PaddingLeft – Der Abstand zwischen Text in einem Steuerelement und dem linken Rand dieses Steuerelements.

PaddingRight – Der Abstand zwischen Text in einem Steuerelement und dem rechten Rand dieses Steuerelements.

PaddingTop – Der Abstand zwischen Text in einem Steuerelement und dem oberen Rand dieses Steuerelements.

PressedBorderColor – Die Farbe des Rahmens eines Steuerelements, wenn der Benutzer auf dieses Steuerelement tippt oder klickt.

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

RadiusBottomLeft – Der Grad, in dem die untere linke Ecke eines Steuerelements gerundet wird.

RadiusBottomRight – Der Grad, in dem die untere rechte Ecke eines Steuerelements abgerundet wird.

RadiusTopLeft – Der Grad, in dem die obere linke Ecke eines Steuerelements gerundet wird.

RadiusTopRight – Der Grad, in dem die obere rechte Ecke eines Steuerelements gerundet wird.

TabIndex – Tastaturnavigationsreihenfolge im Verhältnis zu anderen Steuerelementen.

QuickInfo – Erläuternder Text, der angezeigt wird, wenn der Benutzer auf ein Steuerelement zeigt.

Transparenz – Der Grad, in dem Steuerelemente hinter einem Bild sichtbar bleiben. Dezimalwerte liegen zwischen 0 und 1. Wenn 0 undurchsichtig ist, ist 0,5 halbtransparent und 1 transparent.

Sichtbar – Ob ein Steuerelement angezeigt oder ausgeblendet ist.

Width – Der Abstand zwischen den linken und rechten Rändern 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 )

Examples

Anzeigen eines Bilds aus einer lokalen Datei

  1. Klicken oder tippen Sie im Menü "Datei " auf "Medien", und klicken oder tippen Sie dann auf " Durchsuchen".

  2. Klicken oder tippen Sie auf die Bilddatei, die Sie hinzufügen möchten, klicken oder tippen Sie auf "Öffnen", und drücken Sie dann ESC, um zum 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.

    Sie wissen nicht, wie Sie ein Steuerelement hinzufügen und konfigurieren können?

    Das Bildsteuerelement zeigt das von Ihnen angegebene Bild an.

Anzeigen einer Reihe von Bildern 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 " Datenquelle hinzufügen" nicht im rechten Bereich angezeigt wird, klicken oder tippen Sie auf einen Bildschirm in der linken Navigationsleiste.

  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 dann auf "Öffnen".

  4. Aktivieren Sie das Kontrollkästchen " Bodenschätzwerte ", und klicken oder tippen Sie dann auf "Verbinden".

  5. Fügen Sie ein Katalog-Steuerelement mit Bildern hinzu, und legen Sie dessen Items-Eigenschaft auf FlooringEstimates fest.

    Sie wissen nicht, wie Sie ein Steuerelement hinzufügen und konfigurieren können?

    Das Gallery-Steuerelement zeigt Bilder von Teppich-, Hartholz- und Kachelprodukten basierend auf Links in der Excel-Datei, die Sie heruntergeladen haben.

Richtlinien für Eingabehilfen

Farbkontrast

  • Standardfarbkontrastanforderungen gelten, wenn die Grafik als Schaltfläche verwendet wird.
  • Erwägen Sie die Überprüfung auf Kontrastprobleme innerhalb des Bilds, wenn es nicht rein dekorativ ist.

Unterstützung für Sprachausgabe

  • AccessibleLabel muss für wichtige Grafiken festgelegt werden.

  • Wenn die Grafik zur Dekoration dient oder redundante Informationen bereitstellt, lassen Sie AccessibleLabel leer, oder legen Sie sie auf die leere Zeichenfolge "" fest. Bildschirmsprachausgaben ignorieren diese Grafiken.

Sie können z. B. ein Bild eines Vorhängeschlosss neben einem Etikett platzieren, das besagt, dass dieses Formular nicht geändert werden kann. Sie benötigen kein AccessibleLabel für das Bild, da die Bezeichnung bereits ihre Bedeutung erklärt.

Von Bedeutung

Wenn TabIndex null oder größer ist, wird das Bild zu einer Schaltfläche. Das Erscheinungsbild ändert sich nicht, aber Bildschirmsprachausgaben behandeln sie als Schaltfläche. Sie ignorieren das Steuerelement nicht, 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 zu ihr navigieren.

  • Fokusanzeigen müssen deutlich sichtbar sein, wenn die Grafik als Schaltfläche verwendet wird. Verwenden Sie FocusedBorderColor und FocusedBorderThickness , um dieses Ergebnis zu erzielen.