Freigeben über

Schaltflächensteuerelement in Power Apps

Ein Steuerelement, auf das der Benutzer klicken oder tippen kann, um mit der App zu interagieren.

Description

Konfigurieren Sie die OnSelect-Eigenschaft eines Schaltflächen-Steuerelements, um eine oder mehrere Formeln auszuführen, wenn der Benutzer auf das Steuerelement klickt oder tippt.

Schlüsseleigenschaften

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

Text – Text , der in einem Steuerelement angezeigt wird oder der Benutzer in ein Steuerelement eingibt.

Zusätzliche Eigenschaften

Ausrichten – Die Position des Texts im Verhältnis zur horizontalen Mitte des Steuerelements.

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.

Farbe – Die Farbe des Texts in einem Steuerelement.

ContentLanguage – Die Sprache des Inhalts des Steuerelements, falls anders als der Container des Steuerelements.

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.

DisabledColor – Die Farbe von Text in einem Steuerelement, wenn die DisplayMode-Eigenschaft auf "Disabled" festgelegt ist.

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

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.

Füllung – Die Hintergrundfarbe eines Steuerelements.

Schriftart – Der Name der Schriftartenfamilie, in der Text angezeigt wird.

FontWeight – Die Stärke des Texts in einem Steuerelement: Fett, Semibold, Normal oder Heller.

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.

HoverColor – Die Farbe des Texts in einem Steuerelement, wenn der Benutzer den Mauszeiger darauf hält.

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

Kursiv – Gibt an, ob der Text in einem Steuerelement kursiv ist.

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.

Gedrückt – True , während ein Steuerelement gedrückt wird, andernfalls "false ".

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

PressedColor – Die Textfarbe in einem Steuerelement, 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.

Size – Der Schriftgrad des Texts, der in einem Steuerelement angezeigt wird.

Durchgestrichen – Gibt an, ob eine Zeile durch den Text angezeigt wird, der in einem Steuerelement angezeigt wird.

TabIndex – Tastaturnavigationsreihenfolge im Verhältnis zu anderen Steuerelementen.

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

Unterstrichen – Gibt an, ob unter dem Text, der in einem Steuerelement angezeigt wird, eine Zeile angezeigt wird.

VerticalAlign – Die Position von Text in einem Steuerelement im Verhältnis zur vertikalen Mitte dieses Steuerelements.

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

Navigate( ScreenName, ScreenTransitionValue )

Examples

Hinzufügen einer einfachen Formel zu einer Schaltfläche

  1. Fügen Sie ein Text input-Steuerelement hinzu, und benennen Sie es Quelle.

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

  2. Fügen Sie ein Schaltflächen-Steuerelement hinzu, legen Sie dessen Texteigenschaft auf "Hinzufügen" fest, und legen Sie die OnSelect-Eigenschaft auf diese Formel fest:
    UpdateContext({Total:Total + Value(Source.Text)})

    Möchten Sie mehr über die UpdateContext-Funktion oder andere Funktionen erfahren?

  3. Fügen Sie ein Bezeichnungsfeld-Steuerelement hinzu, legen Sie die Texteigenschaft in der Bearbeitungsleiste auf "Wert(Summe)" fest, und drücken Sie dann F5.

  4. Löschen Sie den Standardtext aus "Quelle", geben Sie darin eine Zahl ein, und klicken oder tippen Sie dann auf "Hinzufügen".

    Das Bezeichnungsfeld-Steuerelement zeigt die eingegebene Nummer an.

  5. Löschen Sie die Zahl aus "Quelle", geben Sie eine weitere Zahl darin ein, und klicken oder tippen Sie dann auf "Hinzufügen".

    Das Bezeichnungssteuerelement zeigt die Summe der beiden zahlen an, die Sie eingegeben haben.

  6. (optional) Wiederholen Sie den vorherigen Schritt mindestens ein Mal.

  7. Um zum Standardarbeitsbereich zurückzukehren, drücken Sie ESC (oder klicken oder tippen Sie auf das Symbol "Schließen" in der oberen rechten Ecke).

Konfigurieren einer Schaltfläche mit mehreren Formeln

Fügen Sie eine Formel hinzu, die das Texteingabesteuerelement zwischen Einträgen löscht.

  1. Legen Sie die HintText-Eigenschaft von Source auf "Zahl eingeben" fest.

  2. Legen Sie die OnSelect-Eigenschaft von "Zu dieser Formel hinzufügen" fest:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Hinweis

    Trennen Sie mehrere Formeln durch ein Semikolon ";".

  3. Legen Sie die Standardeigenschaft von Source auf ClearInput fest.

  4. Drücken Sie F5, und testen Sie dann die App, indem Sie mehrere Nummern zusammen hinzufügen.

Hinzufügen einer weiteren Schaltfläche zum Zurücksetzen der Summe

Fügen Sie eine zweite Schaltfläche hinzu, um die Summe zwischen Berechnungen zu löschen.

  1. Fügen Sie ein weiteres Schaltflächen-Steuerelement hinzu, legen Sie die Texteigenschaft auf "Clear" fest, und legen Sie die OnSelect-Eigenschaft auf diese Formel fest:

    UpdateContext({Total:0})

  2. Drücken Sie F5, fügen Sie mehrere Zahlen zusammen, und klicken oder tippen Sie dann auf "Löschen ", um die Summe zurückzusetzen.

Ändern der Darstellung einer Schaltfläche

Ändern der Form einer Schaltfläche

Power Apps erstellt standardmäßig ein rechteckiges Schaltflächen-Steuerelement mit abgerundeten Ecken. Sie können grundlegende Änderungen an der Form eines Schaltflächen-Steuerelements vornehmen, indem Sie die Eigenschaften "Height", "Width" und "Radius" festlegen.

Hinweis

Symbole und Formen bieten eine Vielzahl von Designs und können einige der gleichen grundlegenden Funktionen wie Schaltflächensteuerelemente ausführen. Symbole und Formen verfügen jedoch nicht über eine Texteigenschaft.

  1. Fügen Sie ein Schaltflächen-Steuerelement hinzu, und legen Sie dessen Eigenschaften für Höhe und Breite auf 300 fest, um eine große quadratische Schaltfläche zu erstellen.

  2. Ändern Sie die Eigenschaften RadiusTopLeft, RadiusTopRight, RadiusBottomLeft und RadiusBottomRight , um die Krümmung in jeder Ecke anzupassen. Hier sind einige Beispiele für verschiedene Formen, die jeweils von einer 300 x 300 quadratischen Schaltfläche beginnen:

Ändern der Farbe einer Schaltfläche beim Daraufzeigen

Standardmäßig wird die Füllfarbe eines Schaltflächensteuerelements um 20% abgeblendet, wenn Sie mit einer Maus darauf zeigen. Sie können dieses Verhalten anpassen, indem Sie die HoverFill-Eigenschaft ändern, die die ColorFade-Funktion verwendet. Wenn Sie die ColorFade-Formel auf einen positiven Prozentsatz festlegen, wird die Farbe heller, wenn Sie auf die Schaltfläche zeigen, während ein negativer Prozentsatz die Farbe dunkler macht.

Sie können auch die Farbe eines Button-Steuerelements angeben, indem Sie die HoverFill-Eigenschaft auf eine Formel festlegen, die die ColorValue-Funktion anstelle der ColorFade-Funktion enthält, wie in ColorValue("Red").

Hinweis

Der Farbwert kann eine beliebige CSS-Farbdefinition sein, entweder ein Name oder ein Hexadenzwert.

Richtlinien für Eingabehilfen

Farbkontrast

Unterstützung für Sprachausgabe

  • Text muss vorhanden sein.

Tastaturunterstützung

  • Last updated on