Share via

Besturingselementen Vorm en Pictogram in Power Apps

  • Artikel

Grafische elementen waarvan u het uiterlijk en gedrag kunt configureren met behulp van verschillende eigenschappen.

Beschrijving

Het gaat hier om besturingselementen zoals pijlen, geometrische vormen, actiepictogrammen en symbolen waarvoor u eigenschappen zoals opvulling, grootte en locatie kunt configureren. U kunt ook de eigenschap OnSelect configureren, zodat de app reageert als de gebruiker het besturingselement selecteert.

Belangrijkste eigenschappen (pictogrammen en vormen)

Fill: de achtergrondkleur van een besturingselement.

OnSelect: Acties die moeten worden uitgevoerd wanneer de gebruiker een besturingselement selecteert.

Belangrijkste eigenschappen (alleen pictogrammen)

Pictogram: het type pictogram dat moet worden weergegeven (bijvoorbeeld ArrowDown of ShoppingCart).

Rotation: het aantal graden dat het pictogram moet worden gedraaid.

Color: de kleur van het pictogram op basis van naam of RGBA-waarden.

Aanvullende eigenschappen

AccessibleLabel: label voor schermlezers.

DisplayMode: bepaalt of invoer van de gebruiker is toegestaan (Edit), of gegevens alleen worden weergegeven (View) of het besturingselement wordt uitgeschakeld (Disabled).

FocusedBorderColor: de kleur van de rand van een besturingselement wanneer de focus op het besturingselement ligt.

FocusedBorderThickness: de dikte van de rand van een besturingselement wanneer de focus op het besturingselement ligt.

Height: de afstand tussen de boven- en onderrand van een besturingselement.

HoverFill: de achtergrondkleur van een besturingselement wanneer de gebruiker de muisaanwijzer op de achtergrond plaatst.

PressedBorderColor: de kleur van de rand van een besturingselement wanneer de gebruiker dat besturingselement selecteert.

PressedFill: de achtergrondkleur van een besturingselement wanneer de gebruiker dat besturingselement selecteert.

TabIndex: de navigatievolgorde op het toetsenbord ten opzichte van andere besturingselementen.

Visible: hiermee wordt aangegeven of een besturingselement zichtbaar of verborgen is.

Width: de afstand tussen de linker- en rechterrand van een besturingselement.

X: de afstand tussen de linkerrand van een besturingselement en de linkerrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Y: de afstand tussen de bovenrand van een besturingselement en de bovenrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Navigate( ScreenName, ScreenTransition )

Voorbeeld

  1. Geef het standaardbesturingselement Scherm de naam Doel, voeg een besturingselement Label toe en stel de bijbehorende eigenschap Text in op Doel.

    Weet u niet hoe u een besturingselement kunt toevoegen of configureren?

  2. Voeg een besturingselement Scherm toe en geef het de naam Bron.

  3. Voeg in Bron een besturingselement Vorm toe en stel de bijbehorende eigenschap OnSelect in op deze formule:

Navigate(Target, ScreenTransition.Fade)

  1. Druk op F5 en selecteer vervolgens het besturingselement Vorm.

    Het scherm Doel wordt weergegeven.

  2. (Optioneel) Druk op Esc om terug te gaan naar de standaardwerkruimte, voeg een besturingselement Vorm toe aan Doel en stel de eigenschap OnSelect van het besturingselement Vorm in op deze formule:

Navigate(Source, ScreenTransition.Fade)

Richtlijnen voor toegankelijkheid

Kleurcontrast

Het volgende geldt alleen voor afbeeldingen die worden gebruikt als knoppen en voor afbeeldingen die niet alleen voor de sier zijn.

Voor pictogrammen:

Voor vormen met randen:

  • BorderColor en de kleur buiten het besturingselement
  • FocusedBorderColor en de kleur buiten het besturingselement (indien gebruikt als een knop)

Voor vormen zonder randen:

  • Fill en de kleur buiten het besturingselement
  • PressedFill en de kleur buiten het besturingselement (indien gebruikt als een knop)
  • HoverFill en de kleur buiten het besturingselement (indien gebruikt als een knop)

Ondersteuning voor schermlezer

  • AccessibleLabel moet worden ingesteld voor belangrijke afbeeldingen.

  • Als de afbeelding ter decoratie is of overbodige informatie geeft, laat dan AccessibleLabel leeg of stel het in op de lege tekenreeks "". Schermlezers negeren deze afbeeldingen.

U kunt bijvoorbeeld een Slot-pictogram naast een Label plaatsen dat Dit formulier kan niet worden gewijzigd aangeeft. U hebt geen AccessibleLabel voor het pictogram nodig omdat Label de betekenis al aangeeft.

Belangrijk

Wanneer TabIndex nul of groter is, wordt het pictogram of de vorm een knop. Het uiterlijk verandert niet, maar schermlezers behandelen het als een knop. Ze zullen het besturingselement niet negeren, zelfs als AccessibleLabel leeg is. Wanneer TabIndex kleiner is dan nul, behandelen schermlezers het pictogram of de vorm als een afbeelding.

Ondersteuning voor toetsenbord

  • TabIndex moet nul of groter zijn als de afbeelding wordt gebruikt als een knop. Toetsenbordgebruikers kunnen er vervolgens naartoe navigeren.

  • Focusindicatoren moet duidelijk zichtbaar zijn als de afbeelding wordt gebruikt als een knop. Gebruik FocusedBorderColor en FocusedBorderThickness om dit resultaat te bereiken.

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