Kontrolelementet Knap i Power Apps

Et kontrolelement, som brugeren kan klikke eller trykke på for at arbejde med appen.

Beskrivelse

Konfigurer egenskaben OnSelect for et kontrolelement af typen Knap for at køre en eller flere formler, når brugeren klikker eller trykker på kontrolelementet.

Vigtige egenskaber

OnSelect – Handlinger, der skal udføres, når brugeren trykker eller klikker på et kontrolelement.

Text – Tekst, der vises i et kontrolelement, eller som brugeren indtaster i et kontrolelement.

Flere egenskaber

Align – Placeringen af teksten i forhold til det vandrette midtpunkt i dets kontrolelement.

AutoDisableOnSelect – Deaktiverer automatisk kontrolelementet, når funktionsmåden OnSelect kører.

BorderColor – Farven på et kontrolelements kant.

BorderStyle – Om et kontrolelements kant er Solid, Dashed, Dotted eller None.

BorderThickness – Tykkelsen på et kontrolelements kant.

Color – Farven på tekst i et kontrolelement.

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

DisabledBorderColor – Farven på et kontrolelements kant, hvis kontrolelementets egenskab DisplayMode er angivet til Disabled.

DisabledColor – Farven på tekst i et kontrolelement, hvis dets egenskab DisplayMode er angivet til Disabled.

DisabledFill – Baggrundsfarven i et kontrolelement, hvis dets egenskab DisplayMode er angivet til 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.

Fill – Baggrundsfarven i et kontrolelement.

Font – Navnet på serien af skrifttyper, som tekst vises i.

FontWeight – Vægten af tekst i et kontrolelement: Bold, Semibold, Normal eller Lighter.

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

HoverBorderColor – Farven på et kontrolelements kant, når brugeren holder musemarkøren på kontrolelementet.

HoverColor – Farven på teksten i et kontrolelement, når brugeren holder musemarkøren på teksten.

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

Italic – Om teksten i et kontrolelement er kursiv eller ej.

PaddingBottom – Afstanden mellem teksten i et kontrolelement og den nederste kant på kontrolelementet.

PaddingLeft – Afstanden mellem teksten i et kontrolelement og den venstre kant på kontrolelementet.

PaddingRight – Afstanden mellem teksten i et kontrolelement og den højre kant på kontrolelementet.

PaddingTop – Afstanden mellem tekst i et kontrolelement og den øverste kant af kontrolelementet.

Pressed – True, mens der trykkes på et kontrolelement. I modsat fald er den false.

PressedBorderColor – Farven på et kontrolelements kant, når brugeren trykker eller klikker på kontrolelementet.

PressedColor – Farven på teksten i et kontrolelement, når brugeren trykker eller klikker på kontrolelementet.

PressedFill – Baggrundsfarven i et kontrolelement, når brugeren trykker eller klikker på kontrolelementet.

RadiusBottomLeft – I hvor høj grad, det nederste venstre hjørne af et kontrolelement er afrundet.

RadiusBottomRight – I hvor høj grad, det nederste højre hjørne af et kontrolelement er afrundet.

RadiusTopLeft – I hvor høj grad, det øverste venstre hjørne af et kontrolelement er afrundet.

RadiusTopRight – I hvor høj grad, det øverste højre hjørne af et kontrolelement er afrundet.

Size – Skriftstørrelsen på teksten i et kontrolelement.

Strikethrough – Om en linje vises gennem den tekst, der vises i et kontrolelement.

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

Tooltip – Forklarende tekst, der vises, når brugeren holder markøren over et kontrolelement.

Underline – Om en linje vises under den tekst, der vises i et kontrolelement.

VerticalAlign – Placeringen af tekst i et kontrolelement i forhold til den lodrette centrering af kontrolelementet.

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

Relaterede funktioner

Navigate( ScreenName, ScreenTransitionValue )

Eksempler

Føje en grundlæggende formel til en knap

1. Tilføj kontrolelementet Tekstinput, og giv det navnet Kilde.

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

2. Tilføj et kontrolelement af typen Knap, indstil dets egenskab Text til "Tilføj", og indstil dets egenskab OnSelect til denne formel:
   UpdateContext({Total:Total + Value(Source.Text)})

   Vil du gerne have flere oplysninger om funktionen UpdateContext eller andre funktioner?

3. Tilføj et kontrolelement af typen Mærkat, angiv egenskaben Text på formellinjen til Værdi(Total), og tryk derefter på F5.

4. Ryd standardteksten fra Kilde, skriv et tal i feltet, og klik eller tryk derefter på Tilføj.

   Det tal, du indtastede, vises nu i kontrolelementet Mærkat.

5. Ryd tallet i Kilde, skriv et andet tal, og klik eller tryk derefter på Tilføj.

   I kontrolelementet Mærkat vises summen af de to tal, som du indtastede.

6. (valgfrit) Gentag det forrige trin en eller flere gange.

7. Du vender tilbage til standardarbejdsområdet ved at trykke på Esc (eller klikke eller trykke på ikonet Luk i det øverste højre hjørne).

Konfigurere en knap med flere formler

Tilføj en formel, der rydder kontrolelementet Tekstinput mellem poster.

1. Angiv egenskaben HintText for Kilde til "Angiv et tal".

2. Angiv egenskaben OnSelect for Tilføj til denne formel:

   UpdateContext({Total:Total + Value(Source.Text)});
   UpdateContext({ClearInput: ""})

   Bemærk

   Flere formler adskilles med semikolon ";".

3. Angiv egenskaben Default for Kilde til ClearInput.

4. Tryk på F5, og test derefter appen ved at lægge flere tal sammen.

Tilføje en anden knap for at nulstille totalen

Tilføj en anden knap for at fjerne totalen mellem beregninger.

1. Tilføj et andet kontrolelement af typen Knap, og angiv dets egenskab Text til "Ryd", og angiv dets egenskab OnSelect til denne formel:

   UpdateContext({Total:0})

2. Tryk på F5, læg flere tal sammen, og klik eller tryk derefter på Ryd for at nulstille totalen.

Redigere udseendet på en knap

Redigere formen på en knap

Power Apps opretter et rektangulært kontrolelement af typen Knap med afrundede hjørner som standard. Du kan foretage grundlæggende ændringer af formen på et kontrolelement af typen Knap ved at angive dens egenskaber Height, Width og Radius.

1. Tilføj et kontrolelement af typen Knap, og angiv dets egenskaber Height og Width til 300 for at oprette en stor firkantet knap.

2. Rediger dets egenskaber RadiusTopLeft, RadiusTopRight, RadiusBottomLeft og RadiusBottomRight for at justere størrelsen af krumningen af hvert hjørne. Her er nogle eksempler på forskellige figurer, der hver især starter fra en firkantet knap på 300 x 300:

   • Angiv alle fire værdier for Radius til 150 for at oprette en cirkel.
   • Angiv værdierne for RadiusTopLeft og RadiusBottomRight til 300 for at oprette en bladformet Knap.
   • Angiv værdierne for RadiusTopLeft og RadiusTopRight til 300, og værdierne for RadiusBottomLeft og RadiusBottomRight til 100 for at oprette en faneformet knap.

Rediger farven på en knap, når du peger på den

Fyldfarven i et kontrolelement af typen Knap dæmpes som standard med 20 %, når du peger på det med musen. Du kan justere denne funktionsmåde ved at ændre egenskaben HoverFill, som bruger funktionen ColorFade. Hvis du angiver formlen ColorFade til en positiv procentsats, bliver farven lysere, når du placerer markøren over knappen, mens en negativ procent gør farven mørkere.

• Rediger procentsatsen for ColorFade i egenskaben HoverFill for en af de knapper, du har oprettet, og læg mærke til effekterne.

Du kan også angive farven på et kontrolelement af typen Knap ved at angive dets egenskab HoverFill til en formel, der indeholder funktionen ColorValue i stedet for ColorFade, f.eks. i ColorValue("Red").

• Erstat funktionen ColorFade med funktionen ColorValue for en af de knapper, du har oprettet, og læg mærke til effekterne.

Retningslinjer for tilgængelighed

Farvekontrast

• Kravene til kontraster for standardfarver gælder.

Understøttelse af skærmlæser

• Text skal være til stede.

Understøttelse af tastatur

• TabIndex skal være nul eller højere, så tastaturbrugere kan navigere til den.
• Fokusindikatorer skal være tydelige. Brug FocusedBorderColor og FocusedBorderThickness for at opnå dette.