Dela via

Knapp-control i Power Apps

  • Artikel

En kontroll som användaren använda för att interagera med appen genom att klicka eller trycka på den.

Beskrivning

Konfigurera egenskapen OnSelect för Knapp kontrollen för att köra en eller flera formler när användaren klickar eller trycker på kontrollen.

Nyckelegenskaper

OnSelect – Åtgärder som ska utföras när användaren trycker på eller klickar på en kontroll.

Text – Text som visas i en kontroll eller som användaren skriver i en kontroll.

Ytterligare egenskaper

Align – Placeringen av text i förhållande till kontrollens horisontella centrum.

AutoDisableOnSelect – Inaktiverar kontrollen automatiskt när beteendet OnSelect körs.

BorderColor – En kontrolls kantlinjefärg.

BorderStyle – Om en kontrolls kantlinje är solid, streckad, prickad eller ingen.

BorderThickness – Tjockleken på en kontrolls kantlinje.

Color – Textens färg i en kontroll.

DisplayMode – Om kontrollen tillåter indata från användaren (redigera), bara visar data (visa) eller inaktiverad (inaktiverad).

DisabledBorderColor – Färgen på en kontrolls kantlinje om kontrollens egenskap DisplayMode är inställd på Disabled.

DisabledColor – Textens färg i en kontroll om dess egenskap DisplayMode är inställd på Disabled.

DisabledFill – Bakgrundsfärgen i en kontroll om dess egenskap DisplayMode är inställd på Disabled.

FocusedBorderColor – Färgen på en kontrolls kantlinje när kontrollen har fokus.

FocusedBorderThickness – Tjockleken på en kontrolls kantlinje när kontrollen har fokus.

Fill – Bakgrundsfärgen i en kontroll.

Font – Namnet på den teckensnittfamilj som text visas i.

FontWeight – Stilen på texten i en kontroll: Bold, Semibold, Normal eller Lighter.

Height – Avståndet mellan kontrollens övre och nedre kanter.

HoverBorderColor – Färgen på en kontrolls kantlinje när användaren för muspekaren över denna kontroll.

HoverColor – Färgen på texten i en kontroll när användaren för muspekaren över den.

HoverFill – Bakgrundsfärgen i en kontroll när användaren för muspekaren över den.

Italic – Om texten i en kontroll är kursiv.

PaddingBottom – Avståndet mellan texten i en kontroll och kontrollens nedre kant.

PaddingLeft – Avståndet mellan texten i en kontroll och kontrollens vänstra kant.

PaddingRight – Avståndet mellan texten i en kontroll och kontrollens högra kant.

PaddingTop – Avståndet mellan texten i en kontroll och kontrollens övre kant.

Pressed – sant medan en kontroll är nedtryckt, annars falskt.

PressedBorderColor – Färgen på en kontrolls kantlinje när användaren trycker eller klickar på denna kontroll.

PressedColor – Färgen på texten i en kontroll när användaren trycker eller klickar på denna kontroll.

PressedFill – Bakgrundsfärgen i en kontroll när användaren trycker eller klickar på denna kontroll.

RadiusBottomLeft – Hur pass avrundat det nedre vänstra hörnet i en kontroll är.

RadiusBottomRight – Hur pass avrundat det nedre högra hörnet i en kontroll är.

RadiusTopLeft – Hur pass avrundat det övre vänstra hörnet i en kontroll är.

RadiusTopRight – Hur pass avrundat det övre högra hörnet i en kontroll är.

Size – Teckenstorleken för den text som visas i en kontroll.

Strikethrough – Om en linje dras genom den text som visas i en kontroll.

TabIndex – Tangentbordets navigeringsordning i förhållande till andra kontroller.

Tooltip – Beskrivande text som visas när användaren för muspekaren över en kontroll.

Underline – Om en linje dras under den text som visas i en kontroll.

VerticalAlign – Placeringen av text i förhållande till kontrollens vertikala centrum.

Visible – Om en kontroll visas eller är dold.

Width – Avståndet mellan kontrollens högra och vänstra kanter.

X – Avståndet mellan kontrollens vänstra kant och den överordnade containerns vänstra kant (skärmen om det inte finns någon överordnad behållare).

Y – Avståndet mellan kontrollens övre kant och den överordnade containerns övre kant (skärmen om det inte finns någon överordnad behållare).

Navigate( ScreenName, ScreenTransitionValue )

Exempel

Lägga till en grundläggande formel till en knapp

  1. Lägg till en Textinmatning och ge den namnet Källa.

    Vet du inte hur du lägger till, namnger och konfigurerar en kontroll?

  2. Lägg till kontrollen Knapp och ange egenskapen Text som ”Lägg till” samt ange egenskapen OnSelect enligt följande formel:
    UpdateContext({Total:Total + Value(Source.Text)})

    Om du vill ha mer information om UpdateContext-funktionen eller andra funktioner?

  3. Lägg till Etikett-kontroll, ange dess Text-egenskap i formelfältet som Value(Total) och tryck sedan på F5.

  4. Rensa standardtexten från Källa, skriv en siffra i den och klicka eller tryck på Lägg till.

    Etikett visar siffran som du angav.

  5. Rensa siffran från Källa, skriv en annan siffra i den och klicka eller tryck på Lägg till.

    Kontrollen Etikett visar summan av de två siffror som du har angett.

  6. (Valfritt) Upprepa föregående steg en eller flera gånger.

  7. Om du vill återgå till standardarbetsytan trycker du på Esc (eller klickar eller trycker på ikonen för att stänga i det övre högra hörnet).

Konfigurera en knapp med flera formler

Lägg till en formel som rensar kontrollen Textinmatning mellan poster.

  1. Ange egenskapen HintText för Källa som "Ange ett tal".

  2. Ange egenskapen OnSelect för Lägg till som denna formel:

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

    Anteckning

    Avgränsa flera formler med semikolon ”;”.

  3. Ange egenskapen Default för Källa som ClearInput.

  4. Tryck på F5 och testa sedan appen genom att lägga till flera siffror tillsammans.

Lägg till en annan knapp för att återställa summan

Lägg till ytterligare en knapp för att rensa summan mellan beräkningar.

  1. Lägg till ytterligare en Knapp, ställ in egenskapen Text som ”Rensa” och ange egenskapen OnSelect som följande formel:

    UpdateContext({Total:0})

  2. Tryck på F5, lägg till flera siffror tillsammans och klicka eller tryck sedan på Rensa för att återställa summan.

Ändra en knapps utseende

Ändra en knapps form

Som standard skapar Power Apps en rektangulär Knapp-kontroll med avrundade hörn. Du kan göra enkla ändringar av formen på en Knapp-kontroll genom att ange dess egenskaper för Height, Width och Radius.

Anteckning

Icons and Shapes ger flera olika utseenden och kan utföra några av de grundläggande funktioner som Knapp-kontroller gör. Icons and Shapes har dock inte egenskapen Text.

  1. Lägg till en Knapp-kontroll och ange dess egenskaper för Height och Width som 300 för att skapa en stor kvadratisk knapp.

  2. Ändra egenskaperna RadiusTopLeft, RadiusTopRight, RadiusBottomLeft och RadiusBottomRight för att justera rundningen på varje hörn. Följande är några exempel på olika former, var och en utgår från en kvadratisk knapp med måtten 300 x 300:

Ändra knappens färg när man hovrar över den

Fyllningsfärgen för en Knapp-kontroll dämpas som standard med 20 % när man hovrar med musen över den. Du kan anpassa det här beteendet genom att ändra egenskapen HoverFill, som använder funktionen ColorFade. Om du ställer in formeln ColorFade på ett positivt procenttal blir färgen ljusare när du hovrar över en knapp, medan ett negativt procenttal gör färgen mörkare.

  • Ändra procenttalet för ColorFade i egenskapen HoverFill för en av knapparna som du har skapat och se vad effekten blir.

Du kan också ange färgen på en Knapp-kontroll genom att ange dess egenskap HoverFill som en formel som innehåller funktionen ColorValue i stället för funktionen ColorFade, som i ColorValue("Red").

Anteckning

Färgvärdet kan vara valfri CSS-färgdefinition, antingen ett namn eller ett hexadecimalt värde.

  • Ersätt funktionen ColorFade med funktionen ColorValue för en av knapparna som du har skapat och se vad effekten blir.

Riktlinjer för hjälpmedel

Färgkontrast

Stöd för skärmläsare

  • Text måste finnas.

Tangentbordsstöd

Anteckning

Kan du berätta om dina inställningar för dokumentationsspråk? Svara i en kort undersökning. (observera att undersökningen är på engelska)

Undersökningen tar ungefär sju minuter. Inga personuppgifter samlas in (sekretesspolicy).