Fluent-UI-Steuerelemente verwenden
Mit unseren neuen Komponenten können Sie in Microsoft Teams leichter Apps erstellen, die gut aussehen. Die neuen auf dem Fluent-UI-Framework aufgebauten Komponenten sehen mit Teams-Stilen großartig aus und passen sich automatisch dem Standarddesign von Teams an. Die neuen Steuerelemente sind Schaltfläche, Kontrollkästchen, Kombinationsfeld, Datumsauswahl, Beschriftung, Optionsfeldgruppe, Bewertung, Schieberegler, Textfeld und Umschalttaste.
Sehen wir uns die einzelnen Fluent-UI-Steuerelemente und ihre nützlichsten Eigenschaften genauer an. Eine vollständige Liste der Steuerelemente und Eigenschaften in Power Apps finden Sie unter Steuerelemente und Eigenschaften in Power Apps.
Schaltfläche
Ein Steuerelement, über das Benutzer mit der App interagieren können.
Beschreibung
Konfigurieren Sie die Eigenschaft OnSelect eines Schaltflächen-Steuerelements, um eine oder mehrere Formeln auszuführen, wenn der Benutzer das Steuerelement auswählt.
Schlüsseleigenschaften
Schaltflächentyp – Der Stil der anzuzeigenden Schaltfläche, „Standard“ oder „Primär“. Standardwert: Standard.
OnSelect - Gibt an, wie die App reagiert, wenn der Benutzer ein Steuerelement auswählt.
Text – Text, der in einem Steuerelement angezeigt oder von einem Benutzer in ein Steuerelement eingegeben wird.
Kontrollk.
Ein Steuerelement, das der Benutzer aktivieren und deaktivieren kann (wobei der Wert des Elements auf true bzw. false festgelegt wird).
Beschreibung
Mithilfe dieses vertrauten Steuerelements, das bereits umfassend in der Benutzeroberfläche verwendet wird, können Benutzer boolesche Werte angeben.
Schlüsseleigenschaften
Feldseite – Die Seite des Steuerelements, auf der das Kontrollkästchen angezeigt wird.
Beschriftung – Text, der auf einem Steuerelement angezeigt wird.
Aktiviert – Gibt an, ob das angegebene Steuerelement aktiviert ist oder nicht.
Kombinationsfeld
Ein Steuerelement, das es Benutzern ermöglicht, unter Optionen eine Auswahl zu treffen. Unterstützt die Suche und Mehrfachauswahl.
Beschreibung
Mit einem Kombinationsfeld-Steuerelement kann ein Benutzer Elemente zum Auswählen suchen.
Der Einfach- oder Mehrfachauswahlmodus wird mit der SelectMultiple-Eigenschaft konfiguriert.
Schlüsseleigenschaften
Elemente – Die Quelle der Daten, aus der Elemente ausgewählt werden können.
DefaultSelectedItems – Die Elemente, die ursprünglich ausgewählt werden, bevor der Benutzer mit dem Steuerelement interagiert.
SelectMultiple – Legt fest, ob der Benutzer ein einzelnes Element oder mehrere Elemente auswählen kann.
IsSearchable – Legt fest, ob der Benutzer vor der Auswahl nach Elementen suchen kann.
Datumsauswahl
Ein Steuerelement, mit dem Benutzer ein Datum angeben können.
Beschreibung
Wenn Sie ein Datumsauswahl-Steuerelement anstatt eines Texteingabe-Steuerelements verwenden, geben Benutzer das Datum in jedem Fall im richtigen Format an.
Schlüsseleigenschaften
Wert – Das derzeit in einem Datums-Steuerelement ausgewählte Datum. Dieses Datum wird in Ortszeit dargestellt.
Label
Ein Feld, das Daten wie Text, Zahlen, Datumsangaben oder Währung anzeigt.
Beschreibung
Ein Beschriftungs-Steuerelement zeigt Daten an, die Sie als literale Textzeichenfolge oder als Formel angeben, die zu einer Textzeichenfolge ausgewertet wird. Beschriftungenn werden häufig außerhalb anderer Steuerelemente (z.B. als Banner, das einen Bildschirm identifiziert), als Beschriftungs für die Identifizierung eines anderen Steuerelements (z.B. ein Bewertungs- oder Audiosteuerelement) oder in einem Katalog angezeigt, um einen bestimmten Typ von Information zu einem Element anzuzeigen.
Schlüsseleigenschaften
Color – Die Farbe des Texts in einem Steuerelement.
Schriftart – Der Name der Schriftfamilie des angezeigten Texts.
Text – Text, der auf einem Steuerelement angezeigt wird.
Optionsfeldgruppe
Ein Eingabesteuerelement, das mehrere Optionen anzeigt, aus der Benutzer jeweils nur eine auswählen können.
Beschreibung
Ein Optionsfeldgruppe-Steuerelement, ein HTML-Standardeingabe-Steuerelement, wird am besten mit nur wenigen, sich gegenseitig ausschließenden Optionen verwendet.
Schlüsseleigenschaften
Element – Die Quelle der Daten, die in einem Steuerelement angezeigt werden, z. B. ein Katalog, eine Liste oder ein Diagramm.
Ausgewählt – Der Datensatz, der das ausgewählte Element darstellt.
Bewertung
Ein Steuerelement, mit dem Benutzer einen Wert von 0 bis zu einer maximalen Anzahl, die Sie festlegen, angeben können.
Beschreibung
Mit diesem Steuerelement kann der Benutzer z.B. angeben, wie gut ihm etwas gefallen hat, indem er eine bestimmte Anzahl von Sternen auswählt.
Schlüsseleigenschaften
Wert – Anfangswert eines Steuerelements, bevor es vom Benutzer geändert wird.
Max - Der maximale Wert, auf den der Benutzer einen Schieberegler oder eine Bewertung festlegen kann.
Schieberegler
Ein Steuerelement, mit dem der Benutzer durch Ziehen eines Handles einen Wert angeben kann.
Beschreibung
Der Benutzer kann einen Wert zwischen einem von Ihnen festgelegten Mindest- und einem Höchstwert angeben, indem er den Ziehpunkt eines Schiebereglers von links nach rechts oder von oben nach unten zieht, abhängig von der Richtung, die Sie auswählen.
Schlüsseleigenschaften
Max - Der maximale Wert, auf den der Benutzer einen Schieberegler oder eine Bewertung festlegen kann.
Min - Der Mindestwert, auf den der Benutzer einen Schieberegler festlegen kann.
Wert – Gibt den Wert eines Eingabesteuerelements an.
Layout – Gibt an, ob ein Steuerelement horizontal oder vertikal angezeigt wird.
Wert anzeigen – Ob ein Steuerelement den Wert anzeigen soll.
Textfeld
Ein Feld, in das der Benutzer Text, Zahlen und andere Daten eingeben kann.
Beschreibung
Der Benutzer kann Daten angeben, indem er Text in ein Textfeld-Steuerelement eingibt. Abhängig davon, wie Sie die App konfigurieren, werden diese Daten möglicherweise zu einer Datenquelle hinzugefügt, dazu verwendet, einen temporären Wert zu berechnen oder auf eine andere Weise eingebunden.
Schlüsseleigenschaften
Schriftart – Der Name der Schriftfamilie des angezeigten Texts.
Text – Text, der in einem Steuerelement angezeigt oder von einem Benutzer in ein Steuerelement eingegeben wird.
Umschaltfläche
Ein Steuerelement, das die Benutzer durch Verschieben des Handles aktivieren oder deaktivieren können.
Beschreibung
Ein Umschaltflächen-Steuerelement ist für die moderne Benutzeroberfläche konzipiert, verhält sich jedoch wie ein Kontrollkästchen.
Schlüsseleigenschaften
Aktiviert – Gibt an, ob das angegebene Steuerelement aktiviert ist oder nicht.
OffText – Der Text des Aus-Zustands.
OnText – Der Text des An-Zustands.
Unterschied zwischen Fluent-UI- und klassischen Steuerelementen
Die Eigenschaften der Steuerelemente wurden im Interesse einer höheren Benutzerfreundlichkeit vereinfacht. In der folgenden Tabelle sind die Unterschiede zwischen Fluent-UI-Steuerelementen und klassischen Steuerelement-Eigenschaftsnamen aufgeführt.
| Steuerelementtyp | Klassisch | Fluent-UI |
|---|---|---|
| Schaltfläche | Ausfüllen Hintergrund TabIndex |
ColorFill ColorBackground AcceptsFocus |
| Kontrollk. | Standard TabIndex |
Überprüft AcceptsFocus |
| Kombinationsfeld | InputTextPlaceholder TabIndex |
Text AcceptsFocus |
| Datumsauswahl | SelectedDate TabIndex |
Wert AcceptsFocus |
| Etikett | Größe | FontSize |
| Optionsfeldgruppe | TabIndex | AcceptsFocus |
| Bewertung | Standard TabIndex |
Wert AcceptsFocus |
| Schieberegler | Standard TabIndex |
Wert AcceptsFocus |
| Textfeld | Farbe Standard Ausfüllen SpellCheck TabIndex |
ColorText Wert ColorBackground EnableSpellCheck AcceptsFocus |
| Umschaltfläche | Größe Standard TabIndex |
FontSize Überprüft AcceptsFocus |
Siehe auch
Zusätzliche Apps erstellen
Grundlegendes zu Power Apps Studio
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).