Freigeben über

Form- und Symbol-Steuerelemente in Power Apps

  • Artikel

Grafiken, deren Eigenschaften wie Aussehen und Verhalten Sie konfigurieren können.

Beschreibung

Diese Steuerelemente umfassen Pfeile, geometrische Formen, Aktionssymbole und Symbole, deren Eigenschaften wie Füllung, Größe und Position sich konfigurieren lassen. Sie können auch die Eigenschaft OnSelect konfigurieren, damit die App reagiert, wenn der Benutzer das Steuerelement auswählt.

Schlüsseleigenschaften (Symbole und Formen)

Fill - Die Hintergrundfarbe eines Steuerelements.

OnSelect – Auszuführende Aktionen, wenn der Benutzer ein Steuerelement auswählt.

Schlüsseleigenschaften (nur Symbole)

Icon – Die Art des anzuzeigenden Symbols (z. B. Pfeil nach unten oder Einkaufswagen).

Rotation – Die Gradzahl, um die das Symbol gedreht werden soll.

Color – Die Farbe des Symbols nach Name oder RGBA-Werten.

Zusätzliche Eigenschaften

AccessibleLabel - Bezeichnung für Sprachausgaben.

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

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.

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

PressedBorderColor – Die Rahmenfarbe eines Steuerelements, wenn der Benutzer das Steuerelement auswählt.

PressedFill – Die Hintergrundfarbe eines Steuerelements, wenn der Benutzer dieses Steuerelement auswählt.

TabIndex – Navigationsreihenfolge der Tastatur in Bezug auf andere Steuerelemente.

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).

Navigate( ScreenName, ScreenTransition )

Beispiel

  1. Nennen Sie das Bildschirm-Standardsteuerelement Ziel, fügen Sie ein Beschriftung-Steuerelement hinzu, und legen Sie anschließend die Text-Eigenschaft so fest, dass Ziel angezeigt wird.

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

  2. Fügen Sie ein Bildschirm-Steuerelement hinzu, und nennen Sie es Quelle.

  3. Fügen Sie in Source ein Form-Steuerelement hinzu, und legen Sie seine OnSelect-Eigenschaft auf diese Formel fest:

Navigate(Target, ScreenTransition.Fade)

  1. Drücken Sie F5 und wählen Sie dann das Form-Steuerelement.

    Die Anzeige Ziel wird angezeigt.

  2. (optional) Drücken Sie die ESC-TASTE, um zum Standardarbeitsbereich zurückzukehren, fügen Sie ein Form-Steuerelement zu Zeil hinzu, und legen Sie die OnSelect-Eigenschaft des Form-Steuerelements auf diese Formel fest:

Navigate(Source, ScreenTransition.Fade)

Richtlinien für Barrierefreiheit

Farbkontrast

Folgendes gilt nur für Grafiken, die als Schaltflächen oder nicht allein zu Darstellungszwecken verwendet werden.

Für Symbole:

Für Formen mit Rahmen:

  • BorderColor und die Farbe außerhalb des Steuerelements
  • FocusedBorderColor und die Farbe außerhalb des Steuerelements, wenn dieses als Schaltfläche verwendet wird

Für Formen ohne Rahmen:

  • Fill und die Farbe außerhalb des Steuerelements
  • PressedFill und die Farbe außerhalb des Steuerelements (wenn dieses als Schaltfläche verwendet wird)
  • HoverFill und die Farbe außerhalb des Steuerelements (wenn dieses als Schaltfläche verwendet wird)

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 Schloss-Symbol neben einem Beschriftung mit dem Text Dieses Formular kann nicht geändert werden platzieren. Sie brauchen kein AccessibleLabel für das Symbol, weil das Label bereits die Bedeutung erklärt.

Wichtig

Wenn TabIndex 0 (null) oder größer ist, wird das Symbol oder die Form 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. Ist TabIndex kleiner als 0 (null), behandeln Screenreader das Symbol oder die Form als Bild.

Tastaturunterstützung

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

  • Fokusindikatoren müssen übersichtlich angezeigt werden, sofern 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).