Fluent UI-besturingselementen gebruiken

Apps maken die er geweldig uitzien in Microsoft Teams wordt gemakkelijker met onze nieuwe onderdelen. Gebouwd op het Fluent UI-framework, zien de nieuwe onderdelen er geweldig uit met Teams-stijlen en passen ze zich automatisch aan het standaard Teams-thema aan. De nieuwe bedieningselementen zijn Knop, Selectievakje, Keuzelijst met invoervak, Datumkiezer, Label, Keuzerondjes, Beoordeling, Schuifregelaar, Tekstvak en Wisselen.

Laten we eens kijken naar elk Fluent UI-besturingselement en de meest bruikbare eigenschappen. Voor een volledige lijst met bedieningselementen en eigenschappen in Power Apps, ga naar Besturingselementen en eigenschappen in Power Apps.

Knop

Een besturingselement dat de gebruiker kan selecteren om interactie te hebben met de app.

Beschrijving

Configureer de eigenschap OnSelect van een besturingselement Knop voor het uitvoeren van een of meer formules wanneer de gebruiker het besturingselement selecteert.

Sleuteleigenschappen

ButtonType - De stijl van de knop die moet worden weergegeven, Standaard of Primair. Standaardwaarde: Standaard.

OnSelect: de manier waarop de app reageert wanneer de gebruiker een besturingselement selecteert.

Tekst: de tekst die wordt weergegeven in een besturingselement of die de gebruiker in een besturingselement invoert.

Selectievakje

Een besturingselement dat de gebruiker kan in- of uitschakelen om de waarde ervan in te stellen op true of false.

Beschrijving

De gebruiker kan een Booleaanse waarde opgeven met behulp van dit vertrouwde besturingselement, dat al geruime tijd wordt gebruikt in de gebruikersinterface.

Sleuteleigenschappen

Zijde van vak - De zijde van het besturingselement waarop het selectievakje wordt weergegeven.

Label - Tekst die op een besturingselement verschijnt.

Ingeschakeld - Of het betreffende besturingselement is ingeschakeld of niet.

Keuzelijst met invoervak

Een besturingselement waarmee gebruikers selecties kunnen maken in geboden opties. Ondersteunt zoeken en meervoudige selectie.

Beschrijving

Met een besturingselement voor keuzelijst met invoervak kan een gebruiker zoeken naar items om te selecteren.

De modus voor enkelvoudige of meervoudige selectie wordt geconfigureerd via de eigenschap SelectMultiple.

Sleuteleigenschappen

Items: de gegevensbron waarin selecties kunnen worden gemaakt.

DefaultSelectedItems: de items die aanvankelijk zijn geselecteerd, voordat de gebruiker het besturingselement gebruikt.

SelectMultiple: Bepaalt of de gebruiker één item of meerdere items kan selecteren.

IsSearchable: Bepaalt of de gebruiker naar items kan zoeken alvorens ze te selecteren.

Datumkiezer

Een besturingselement dat de gebruiker kan selecteren om een datum op te geven.

Beschrijving

Als u een besturingselement Datumkiezer toevoegt in plaats van een besturingselement Tekst, weet u zeker dat de gebruiker een datum met de juiste indeling gaat invoeren.

Sleuteleigenschappen

Value: de datum die op dat moment is geselecteerd in een datumbesturingselement. Deze datum wordt weergegeven in lokale tijd.

Etiket

Een vak waarin gegevens zoals tekst, getallen, datums of valuta worden weergegeven.

Beschrijving

Een label bevat gegevens die u opgeeft als een letterlijke tekenreeks of als een formule die resulteert in een tekenreeks. Labels worden vaak op zichzelf staand weergegeven (zoals een banner waarin een scherm wordt aangeduid), als een label waarmee een ander besturingselement wordt aangegeven (zoals een besturingselement voor classificatie of audio) of in een galerie om een specifiek type informatie over een item weer te geven.

Sleuteleigenschappen

Color: de kleur van de tekst in een besturingselement.

Font: de naam van de lettertypefamilie waarin de tekst wordt weergegeven.

Tekst: de tekst die op een besturingselement verschijnt.

Keuzegroep

Een besturingselement voor invoer dat meerdere opties toont, waarvan gebruikers slechts één bewerking tegelijk kunnen selecteren.

Beschrijving

Een besturingselement Keuzerondjes, een standaard HTML-besturingselement voor invoer, kan het best worden gebruikt met maar enkele, elkaar uitsluitende, opties.

Sleuteleigenschappen

Items: de gegevensbron die wordt weergegeven in een besturingselement zoals een galerie, een lijst of een grafiek.

Geselecteerd: Het gegevensrecord dat het geselecteerde item vertegenwoordigt.

Classificatie

Een besturingselement waarmee gebruikers een waarde kunnen opgeven vanaf 0 tot en met een maximumwaarde die u instelt.

Beschrijving

In dit besturingselement kan de gebruiker bijvoorbeeld aangeven wat ze van iets vinden door een aantal sterren te selecteren.

Sleuteleigenschappen

Waarde: de aanvankelijke waarde van een besturingselement voordat deze door de gebruiker wordt gewijzigd.

Max: de maximale waarde waarop de gebruiker een schuifregelaar of een beoordeling kan instellen.

Schuifregelaar

Een besturingselement waarmee de gebruiker een waarde kan opgeven door een schuifknop te slepen.

Beschrijving

De gebruiker kan een waarde kiezen, tussen een minimum- en maximumwaarde die u opgeeft, door het schuifblokje van de schuifregelaar van links naar rechts of omhoog en omlaag te slepen, afhankelijk van de richting die u kiest.

Sleuteleigenschappen

Max: de maximale waarde waarop de gebruiker een schuifregelaar of een beoordeling kan instellen.

Min: de minimale waarde waarop de gebruiker een schuifregelaar kan instellen.

Waarde: de waarde van een besturingselement voor invoer.

Indeling: of een besturingselement horizontaal of verticaal wordt weergegeven.

Waarde weergeven: of een besturingselement de waarde moet weergeven.

Tekstvak

Een vak waarin de gebruiker tekst, cijfers en andere gegevens kan invoeren.

Beschrijving

De gebruiker kan gegevens opgeven door te typen in een besturingselement Tekstvak. Afhankelijk van hoe u de app configureert, worden die gegevens toegevoegd aan een gegevensbron en gebruikt om een tijdelijke waarde te berekenen of op een andere manier verwerkt.

Sleuteleigenschappen

Font: de naam van de lettertypefamilie waarin de tekst wordt weergegeven.

Tekst: de tekst die wordt weergegeven in een besturingselement of die de gebruiker in een besturingselement invoert.

Wisselknop

Een besturingselement dat de gebruiker kan in- of uitschakelen door de greep ervan te verplaatsen.

Beschrijving

Een besturingselement Wisselen is ontworpen voor de moderne gebruikersinterface, maar gedraagt zich op dezelfde manier als een selectievakje.

Sleuteleigenschappen

Ingeschakeld - Of het betreffende besturingselement is ingeschakeld of niet.

OffText: de tekst van de uit-status.

OnText: de tekst van de aan-status.

Verschil tussen Fluent UI en klassieke bedieningselementen

Eigenschappen van bedieningselementen zijn vereenvoudigd voor het gebruiksgemak. De volgende tabel geeft een overzicht van de verschillen tussen Fluent UI-besturingselementen en klassieke namen van besturingselementen.

Type besturingselement	Klassiek	Fluent UI
Knop	Opvullen Achtergrond TabIndex	ColorFill ColorBackground AcceptsFocus
Selectievakje	Standaardinstelling TabIndex	Geselecteerd AcceptsFocus
Keuzelijst met invoervak	InputTextPlaceholder TabIndex	Text AcceptsFocus
Datumkiezer	SelectedDate TabIndex	Weergegeven als AcceptsFocus
Etiket	Tekengrootte	FontSize
Keuzegroep	TabIndex	AcceptsFocus
Classificatie	Standaardinstelling TabIndex	Weergegeven als AcceptsFocus
Schuifregelaar	Standaardinstelling TabIndex	Weergegeven als AcceptsFocus
Tekstvak	Kleur Standaardinstelling Opvullen SpellCheck TabIndex	ColorText Weergegeven als ColorBackground EnableSpellCheck AcceptsFocus
Wisselknop	Tekengrootte Standaardinstelling TabIndex	FontSize Geselecteerd AcceptsFocus

Zie ook

Aanvullende apps maken
Power Apps Studio begrijpen

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).