Del via

Knapkontrolelement i Power Apps

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

Beskrivelse

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

Nøgleegenskaber

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

Text – tekst, der vises på et kontrolelement, eller som brugeren skriver i et kontrolelement.

Yderligere egenskaber

Align – placeringen af teksten i forhold til det vandrette centrum af kontrolelementet.

AutoDisableOnSelect – deaktiverer automatisk kontrolelementet, mens funktionsmåden OnSelect kører.

BorderColor – farven på et kontrolelements kant.

BorderStyle – om et kontrolelements kant er udfyldt, stiplet, punkteret eller ingen.

BorderThickness – tykkelsen af et kontrolelements kant.

Color – farven på tekst i et kontrolelement.

ContentLanguage – Sproget i kontrolelementets indhold, hvis det er forskelligt fra objektets objektbeholder.

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 egenskaben DisplayMode er angivet til Disabled.

DisabledFill – baggrundsfarven for et kontrolelement, hvis egenskaben DisplayMode er angivet til Disabled.

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

FocusedBorderThickness – tykkelsen af et kontrolelements kant, når kontrolelementet er i fokus.

Fill – baggrundsfarven i et kontrolelement.

Font – navnet på skrifttypefamilien, hvor teksten vises.

FontWeight – vægten af teksten i et kontrolelement: Fed, Semibold, Normal eller Lysere.

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å det.

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

Kursiv – om teksten i et kontrolelement er kursiv.

PaddingBottom – afstanden mellem tekst i et kontrolelement og den nederste kant af kontrolelementet.

PaddingLeft – afstanden mellem tekst i et kontrolelement og den venstre kant af kontrolelementet.

PaddingRight – afstanden mellem tekst i et kontrolelement og højre kant af kontrolelementet.

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

Pressed – sand , mens der trykkes på et kontrolelement, ellers falsk .

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

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

PressedFill – baggrundsfarven for et kontrolelement, når brugeren trykker eller klikker på kontrolelementet.

RadiusBottomLeft – i hvor høj grad det nederste venstre hjørne af et kontrolelement afrundes.

RadiusBottomRight – i hvor høj grad et kontrolelements nederste højre hjørne afrundes.

RadiusTopLeft – i hvor høj grad et kontrolelements øverste venstre hjørne afrundes.

RadiusTopRight – i hvor høj grad et kontrolelements øverste højre hjørne afrundes.

Size – skriftstørrelsen på den tekst, der vises i et kontrolelement.

Gennemstreget – om en linje vises gennem den tekst, der vises i et kontrolelement.

TabIndex – rækkefølgen af tastaturnavigation i forhold til andre kontrolelementer.

Værktøjstip – forklarende tekst, der vises, når brugeren holder markøren over et kontrolelement.

Understregning – om en linje vises under den tekst, der vises i et kontrolelement.

VerticalAlign – placeringen af tekst i et kontrolelement i forhold til det lodrette centrum af kontrolelementet.

Visible – om et kontrolelement vises eller skjules.

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

X – afstanden mellem venstre kant af et kontrolelement og den venstre kant af dets overordnede objektbeholder (skærm, hvis der ikke er nogen overordnet objektbeholder).

Y – afstanden mellem den øverste kant af et kontrolelement og den øverste kant af den overordnede objektbeholder (skærm, hvis der ikke er nogen overordnet objektbeholder).

Navigate( ScreenName, ScreenTransitionValue )

Eksempler

Føj en grundlæggende formel til en knap

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

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

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

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

  3. Tilføj et kontrolelement af typen Label , angiv dets egenskab Text på formellinjen til Value(Total), og tryk derefter på F5.

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

    Kontrolelementet Label viser det tal, du har skrevet.

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

    Kontrolelementet Label viser summen af de to tal, du har skrevet.

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

  7. Hvis du vil vende tilbage til standardarbejdsområdet, skal du trykke på Esc (eller klikke eller trykke på lukkeikonet i øverste højre hjørne).

Konfigurer en knap med flere formler

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

  1. Angiv egenskaben HintText for Source til "Indtast et tal".

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

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

    Notat

    Adskil flere formler med semikolon ";".

  3. Angiv egenskaben Default for Source til ClearInput.

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

Tilføj en anden knap for at nulstille totalen

Tilføj endnu en knap for at rydde totalen mellem beregninger.

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

    UpdateContext({Total:0})

  2. Tryk på F5, tilføj flere tal, og klik eller tryk derefter på Ryd for at nulstille totalen.

Skift en knaps udseende

Skift en knaps figur

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

Notat

Ikoner og figurer indeholder en lang række design og kan udføre nogle af de samme grundlæggende funktioner som Knapkontrolelementer . Ikoner og figurer har dog ikke egenskaben Text.

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

  2. Rediger egenskaberne RadiusTopLeft, RadiusTopRight, RadiusBottomLeft og RadiusBottomRight for at justere mængden af krumning i hvert hjørne. Her er nogle eksempler på forskellige figurer, der hver især starter fra en firkantet knap på 300 x 300:

Skift farven på en knap, når du holder markøren over den

Fyldfarven på et knapelement nedtones som standard med 20%, når du holder markøren over det med en mus. Du kan justere denne funktionsmåde ved at ændre egenskaben HoverFill , som bruger funktionen ColorFade . Hvis du angiver formlen ColorFade til en positiv procentdel, bliver farven lysere, når du holder markøren over knappen, mens en negativ procentdel gør farven mørkere.

  • Rediger procentdelen af ColorFade i egenskaben HoverFill for en af de knapper, du har oprettet, og hold øje med effekten.

Du kan også angive farven på et kontrolelement af typen Button ved at angive egenskaben HoverFill til en formel, der indeholder funktionen ColorValue i stedet for funktionen ColorFade , som i ColorValue("Red").

Notat

Farveværdien kan være en hvilken som helst CSS-farvedefinition, enten et navn eller en hexværdi.

  • Erstat funktionen ColorFade med funktionen ColorValue i en af de knapper, du har oprettet, og hold øje med effekterne.

Retningslinjer for tilgængelighed

Farvekontrast

Understøttelse af skærmlæser

Understøttelse af tastatur

  • Last updated on