Kontrollene Form og Ikon i Power Apps

  • Artikkel

Grafikk som du kan konfigurere egenskaper for utseende og virkemåte for.

Beskrivelse

Disse kontrollene omfatter piler, geometriske former, handlingsikoner og symboler som du kan konfigurere egenskaper som fyll, størrelse og plassering for. Du kan også konfigurere kontrollenes OnSelect-egenskaper, slik at appen reagerer hvis brukeren klikker eller trykker på kontrollen.

Nøkkelegenskaper (ikoner og figurer)

Fill – bakgrunnsfargen på kontrollen.

OnSelect – Handlinger som skal utføres når brukeren velger en kontroll.

Nøkkelegenskaper (bare ikoner)

Icon – typen ikon som skal vises (for eksempel ArrowDown eller ShoppingCart).

Rotation – antall grader som det skal roteres på ikonet.

Color – fargen på ikonet ikon etter navn eller RGBA.

Tilleggsegenskaper

AccessibleLabel – etikett for skjermlesere.

DisplayMode – hvorvidt kontrollen tillater brukerinndata (Rediger), bare viser data (Vis) eller er deaktivert (Deaktivert).

FocusedBorderColor – fargen på kontrollens kantlinje når kontrollen er fokusert.

FocusedBorderThickness – tykkelsen på kontrollens kantlinje når kontrollen er fokusert.

Height – avstanden mellom kontrollens øvre og nedre kant.

HoverFill – bakgrunnsfargen for en kontroll når brukeren holder musepekeren over den.

PressedBorderColor – fargen på kontrollens kantlinje når brukeren trykker eller klikker på kontrollen.

PressedFill – bakgrunnsfargen i en kontroll når brukeren trykker eller klikker på kontrollen.

TabIndex – navigasjonsrekkefølge for tastatur i forhold til andre kontroller.

Visible – om kontrollen vises eller skjules.

Width – avstanden mellom kontrollens venstre og høyre kant.

X – avstanden mellom kontrollens venstre kant og den venstre kanten til kontrollens overordnede beholder (eller skjermen, hvis det ikke finnes noen overordnet beholder).

Y – avstanden mellom kontrollens øvre kant og den øvre kanten til kontrollens overordnede beholder (eller skjermen, hvis det ikke finnes noen overordnet beholder).

Navigate( ScreenName, ScreenTransition )

Eksempel

  1. Gi standard Skjerm-kontrollen navnet Target, legge til en Etikett-kontroll, og angi Text-egenskapen til å vise Target.

    Vet du ikke hvordan du legger til og konfigurerer en kontroll?

  2. Legge til en Skjerm-kontroll, og gi den navnet Source.

  3. Legg til en Form-kontroll i Source, og angi OnSelect-egenskapen som denne formelen:

Navigate(Target, ScreenTransition.Fade)

  1. Trykk på F5, og velg deretter Form-kontrollen.

    Skjermbildet Target vises.

  2. (valgfritt) Trykk på Esc for å gå tilbake til standardarbeidsområdet, legge til en Form-kontroll i Target, og angi OnSelect-egenskapen til Form-kontrollen som denne formelen:

Navigate(Source, ScreenTransition.Fade)

Retningslinjer for tilgjengelighet

Fargekontrast

Følgende gjelder bare for grafikk som skal brukes som knapper, og ikke bare som dekorasjon.

For ikoner:

For figurer med kantlinjer:

For figurer uten kantlinjer:

  • Fill og fargen utenfor kontrollen
  • PressedFill og fargen utenfor kontrollen (hvis den brukes som en knapp)
  • HoverFill og fargen utenfor kontrollen (hvis den brukes som en knapp)

Skjermleserstøtte

  • AccessibleLabel må være angitt for viktig grafikk.

  • Hvis grafikken er for dekorasjon eller inneholder overflødig informasjon, lar du AccessibleLabel være tom eller setter den til den tomme strengen "". Skjermlesere ignorerer denne grafikken.

Du kan for eksempel plassere et låsikon ved siden av en Etikett der det står Dette skjemaet kan ikke endres. Du trenger ikke en AccessibleLabel for ikonet fordi Etikett allerede forklarer meningen.

Viktig

Når TabIndex-verdien er null eller større, blir ikonet eller figuren til en knapp. Utseendet endres ikke, men skjermlesere behandler det som en knapp. Kontrollen ignoreres ikke selv om AccessibleLabel er tom. Når TabIndex-verdien er mindre enn null, behandler skjermlesere ikonet eller figuren som et bilde.

Tastaturstøtte

  • TabIndex-verdien må være null eller større hvis grafikken brukes som en knapp. Tastaturbrukere kan deretter navigere til det.

  • Fokusindikatorer må være klart synlige hvis grafikken brukes som en knapp. Bruk FocusedBorderColor og FocusedBorderThickness for å oppnå dette.

Obs!

Kan du fortelle oss om språkinnstillingene for dokumentasjonen? Ta en kort undersøkelse. (vær oppmerksom på at denne undersøkelsen er på engelsk)

Undersøkelsen tar rundt sju minutter. Det blir ikke samlet inn noen personopplysninger (personvernerklæring).