Del via

Kontrolelementerne Figur og Ikon i Power Apps

  • Artikel

Grafik, som du kan konfigurere egenskaber for udseende og funktionsmåde for.

Beskrivelse

Disse kontrolelementer omfatter pile, geometriske figurer, handlingsikoner og symboler, som du kan konfigurere egenskaber for som f.eks. fyld, størrelse og placering. Du kan også konfigurere deres egenskab OnSelect, så appen reagerer, hvis brugeren vælger kontrolelementet.

Vigtige egenskaber (ikoner og figurer)

Fill – Baggrundsfarven i et kontrolelement.

OnSelect – Handlinger, der skal udføres, når brugeren vælger et kontrolelement.

Vigtige egenskaber (kun ikoner)

Ikon – Den type ikon, der skal vises (f.eks. ArrowDown eller ShoppingCart).

Rotation – Antallet af grader for rotationen af ikonet.

Color – Farven på ikonet efter navn eller RGBA-værdier.

Flere egenskaber

AccessibleLabel – Etiket for skærmlæsere.

DisplayMode – Om kontrolelementet tillader brugerinput (Edit), kun viser data (View) eller er deaktiveret (Disabled).

FocusedBorderColor – Farven på et kontrolelements kant, når kontrolelementet er i fokus.

FocusedBorderThickness – Tykkelsen på et kontrolelements kant, når kontrolelementet er i fokus.

Height – Afstanden mellem et kontrolelements øverste og nederste kant.

HoverFill – Baggrundsfarven i et kontrolelement, når brugeren holder musemarkøren på kontrolelementet.

PressedBorderColor – Farven på et kontrolelements kant, når brugeren vælger kontrolelementet.

PressedFill – Baggrundsfarven i et kontrolelement, når brugeren vælger kontrolelementet.

TabIndex – Rækkefølgen for tastaturnavigationen i forhold til andre kontrolelementer.

Visible – Om et kontrolelement vises eller skjules.

Width – Afstanden mellem et kontrolelements venstre og højre kant.

X – Afstanden mellem kontrolelementets venstre kant og venstre kant af den overordnede objektbeholder (eller skærmbilledet, hvis der ingen overordnet objektbeholder er).

Y – Afstanden mellem kontrolelementets øverste kant og den øverste kant af den overordnede objektbeholder (eller skærmbilledet, hvis der ingen overordnet objektbeholder er).

Navigate( ScreenName, ScreenTransition )

Eksempel

  1. Navngiv standardkontrolelementet Skærm til Target, tilføj et kontrolelement af typen Mærkat, og angiv dets egenskab Text til at vise Target.

    Ved du ikke, hvordan du tilføjer og konfigurerer et kontrolelement?

  2. Tilføj et kontrolelement af typen Skærm, og navngiv det Source.

  3. I Source skal du tilføje et kontrolelement af typen Figur og angive dets egenskab OnSelect til denne formel:

Navigate(Target, ScreenTransition.Fade)

  1. Tryk på F5, og markér derefter kontrolelementet Figur.

    Skærmen Target vises.

  2. (valgfrit) Tryk på Esc for at vende tilbage til standardarbejdsområdet, føj et kontrolelement af typen Figur til Target, og angiv egenskaben OnSelect for kontrolelementet af typen Figur til denne formel:

Navigate(Source, ScreenTransition.Fade)

Retningslinjer for tilgængelighed

Farvekontrast

Følgende gælder kun for grafik, der bruges som knapper, eller som på anden måde ikke udelukkende har et dekorativt formål.

For ikoner:

For figurer med kanter:

For figurer uden kanter:

  • Fill og farven omkring kontrolelementet
  • PressedFill og farven omkring kontrolelementet (hvis det bruges som en knap)
  • HoverFill og farven omkring kontrolelementet (hvis det bruges som en knap)

Understøttelse af skærmlæser

  • AccessibleLabel skal indstilles til vigtig grafik.

  • Hvis det grafiske objekt bruges som hjælp, eller der angives overflødige oplysninger, skal du lade AccessibleLabel være tom eller angive det til den tomme streng "". Skærmlæsere ignorerer disse grafik.

Du kan f.eks. placere et ikon for en Lås ud for en Mærkat, der siger, at denne formular ikke kan redigeres. Du skal ikke bruge en AccessibleLabel til ikonet, da Mærkat allerede forklarer dens betydning.

Vigtigt

Hvis TabIndex er nul eller større, bliver ikonet eller billedet en knap. Udseendet ændrer sig ikke, men skærmlæsere behandler den som en knap. De ignorerer ikke kontrolelementet, heller ikke selvom AccessibleLabel er tomt. Når TabIndex er mindre end nul, identificeres ikonet eller figuren som et billede.

Understøttelse af tastatur

  • TabIndex skal være nul eller højere, hvis grafikken bruges som en knap. Tastaturbrugere kan derefter navigere til det.

  • Fokusindikatorer skal være tydelige, hvis grafikken bruges som en knap. Brug FocusedBorderColor og FocusedBorderThickness for at opnå dette resultat.

Bemærk

Kan du fortælle os om dine sprogpræferencer for dokumentation? Tag en kort undersøgelse. (bemærk, at denne undersøgelse er på engelsk)

Undersøgelsen tager ca. syv minutter. Der indsamles ingen personlige data (erklæring om beskyttelse af personlige oplysninger).