Knapp-kontrollen i Power Apps
En kontroll som brukeren kan klikke eller trykke på for å samhandle med appen.
Beskrivelse
Konfigurer OnSelect-egenskapen til en Knapp-kontroll for å kjøre én eller flere formler når brukeren klikker eller trykker på kontrollen.
Nøkkelegenskaper
OnSelect – Handlinger som skal utføres når brukeren klikker eller trykker på en kontroll.
Text – tekst som vises på en kontroll, eller som brukeren skriver inn i en kontroll.
Tilleggsegenskaper
Align – plasseringen av teksten i forhold til den vannrette midten av kontrollen.
AutoDisableOnSelect – Deaktiverer kontrollen automatisk mens OnSelect-atferden kjøres.
BorderColor – fargen på kontrollens kantlinje.
BorderStyle – hvorvidt kontrollens kantlinje er heltrukket, stiplet, prikket eller ingen.
BorderThickness – tykkelsen på kontrollens kantlinje.
Color – fargen på teksten i kontrollen.
DisplayMode – hvorvidt kontrollen tillater brukerinndata (Rediger), bare viser data (Vis) eller er deaktivert (Deaktivert).
DisabledBorderColor – fargen på kontrollens kantlinje hvis kontrollens DisplayMode-egenskap er angitt som Deaktivert.
DisabledColor – fargen på kontrollens tekst hvis kontrollens DisplayMode-egenskap er angitt som Deaktivert.
DisabledFill – bakgrunnsfargen på kontrollens tekst hvis DisplayMode-egenskapen er angitt som Deaktivert.
FocusedBorderColor – fargen på kontrollens kantlinje når kontrollen er fokusert.
FocusedBorderThickness – tykkelsen på kontrollens kantlinje når kontrollen er fokusert.
Fill – bakgrunnsfargen på kontrollen.
Font – navnet på skriftserien som teksten vises i.
FontWeight – tykkelsen på teksten i en kontroll: Fet, Halvfet, Normal eller Lysere.
Height – avstanden mellom kontrollens øvre og nedre kant.
HoverBorderColor – fargen på kontrollens kantlinje når brukeren holder musepekeren over denne kontrollen.
HoverColor – fargen på en teksten i en kontroll når brukeren holder musepekeren over den.
HoverFill – bakgrunnsfargen for en kontroll når brukeren holder musepekeren over den.
Italic – om teksten i en kontroll er i kursiv.
PaddingBottom – avstanden mellom teksten i en kontroll og den nederste kanten av kontrollen.
PaddingLeft – avstanden mellom teksten i en kontroll og den venstre kanten av kontrollen.
PaddingRight – avstanden mellom teksten i en kontroll og den høyre kanten av kontrollen.
PaddingTop – avstanden mellom teksten i en kontroll og den øverste kanten av kontrollen.
Pressed – sann mens en kontroll trykkes på, usann hvis ikke.
PressedBorderColor – fargen på kontrollens kantlinje når brukeren trykker eller klikker på kontrollen.
PressedColor – fargen på teksten i en kontroll når brukeren trykker eller klikker på kontrollen.
PressedFill – bakgrunnsfargen i en kontroll når brukeren trykker eller klikker på kontrollen.
RadiusBottomLeft – i hvilken grad hjørnet nederst til venstre av en kontroll avrundes.
RadiusBottomRight – i hvilken grad hjørnet nederst til høyre av en kontroll avrundes.
RadiusTopLeft – i hvilken grad hjørnet øverst til venstre av en kontroll avrundes.
RadiusTopRight – i hvilken grad hjørnet øverst til høyre av en kontroll avrundes.
Size – skriftstørrelsen på teksten som vises på en kontroll.
Strikethrough – om det vises en linje gjennom teksten som vises på en kontroll.
TabIndex – navigasjonsrekkefølge for tastatur i forhold til andre kontroller.
Tooltip – forklarende tekst som vises når brukeren holder pekeren over en kontroll.
Underline – om det vises en linje under teksten som vises på en kontroll.
VerticalAlign – plasseringen av tekst på en kontroll i forhold til den loddrette midten av kontrollen.
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).
Relaterte funksjoner
Navigate( ScreenName, ScreenTransitionValue )
Eksempler
Slik legger du til en grunnleggende formel i en knapp
Legg til en Tekstinndata-kontroll, og gi den navnet Source.
Vet du ikke hvordan du legger til, gir navn til og konfigurerer en kontroll?
Legg til en Knapp-kontroll, angi kontrollens Text-egenskap til "Add" og angi kontrollens OnSelect-egenskap til denne formelen:
UpdateContext({Total:Total + Value(Source.Text)})Vil du ha mer informasjon om UpdateContext-funksjonen eller andre funksjoner?
Lett til en Etikett-kontroll, angi Text-egenskapen i formellinjen til Value(Total), og trykk deretter på F5.
Slett standardteksten fra Source, skriv inn et tall og klikk eller trykk deretter på Add.
Etikett-kontrollen viser tallet du skrev inn.
Slett tallet fra Source, skriv inn et annet tall og klikk eller trykk deretter på Add.
Etikett-kontrollen viser summen av de to tallene du skrev inn.
(valgfritt) Gjenta det forrige trinnet én eller flere ganger.
Hvis du vil returnere til standardarbeidsområdet, trykker du på Esc (eller klikker eller trykker på Lukk-ikonet øverst til høyre).
Slik konfigurerer du en knapp med flere formler
Legg til en formel som sletter Tekstinndata-kontrollen mellom oppføringene.
Angi HintText-egenskapen for Kilde til «Sett inn et tall».
Angi OnSelect-egenskapen for Add til denne formelen:
UpdateContext({Total:Total + Value(Source.Text)});
UpdateContext({ClearInput: ""})Obs!
Adskill flere formler med semikolon « ; ».
Angi Default for Source til ClearInput.
Trykk på F5, og test deretter appen ved å legge til flere tall.
Slik legger du til en ny knapp for å tilbakestille summen
Legg til en ny knapp for å slette summen mellom beregningene.
Legg til enda en Knapp-kontroll, angi kontrollens Text-egenskap til "Clear" og angi kontrollens OnSelect-egenskap til denne formelen:
UpdateContext({Total:0})
Trykk på F5, legg til flere tall og klikk eller trykk deretter på Slett for å tilbakestille summen.
Endre utseendet til en knapp
Endre formen på en knapp
Power Apps oppretter som standard en trekantet Knapp-kontroll med avrundede hjørner. Du kan utføre grunnleggende endringer til formen av en Knapp-kontroll ved å angi kontrollens Height-, Width- og Radius-egenskaper.
Obs!
Ikoner og former gir et bredt utvalg av utforminger og kan utføre noen av de samme grunnleggende funksjonene som Knapp-kontrollene. Ikoner og former har imidlertid ikke en Text-egenskap.
Legg til en Knapp-kontroll, angi kontrollens Height- og Width-egenskaper til 300 for å lage en stor, firkantet knapp.
Endre egenskapene RadiusTopLeft, RadiusTopRight, RadiusBottomLeft og RadiusBottomRight for å justere graden av krumming i hvert hjørne. Her ser du noen eksempler på ulike figurer, hver av dem starter med en firkantet knapp å 300 x 300 piksler:
- Angi alle fire verdiene for Radius til 150 for å opprette en sirkel.
- Angi verdiene for egenskapene RadiusTopLeft og RadiusBottomRight til 300 for å opprette en løvformet Knapp.
- Angi verdiene for egenskapene RadiusTopLeft og RadiusTopRight til 300, og verdiene for egenskapene RadiusBottomLeft og RadiusBottomRight til 100 for å opprette en faneformet knapp.
Endre fargen på en knapp når pekeren holdes over den
Som standard tones fyllfargen til en Knapp-kontroll ned med 20 % når du holder pekeren over knappen. Du kan justere atferden ved å endre HoverFill-egenskapen, som bruker ColorFade-funksjonen. Hvis du angir ColorFade-formelen til et positiv prosenttall, blir fargen lysere når du holder pekeren over knappen, mens et negativ prosenttall gjør fargen mørkere.
- Endre prosentdelen for ColorFade i HoverFill-egenskapen for én av knappene du opprettet, og se hva som skjer.
Du kan også angi fargen til en Knapp-kontroll ved å angi HoverFill-egenskapen til en formel som inneholder ColorValue-funksjonen i stedet for ColorFade-funksjonen, som i ColorValue("Red").
Obs!
Fargeverdien kan være en hvilken som helst CSS-fargedefinisjon, enten et navn eller en heksadesimal verdi.
- Erstatt ColorFade-funksjonen med en ColorValue-funksjon i én knappene du opprettet, og se hva som skjer.
Retningslinjer for tilgjengelighet
Fargekontrast
- Kontrastkrav for standardfarge gjelder.
Skjermleserstøtte
- Text må foreligge.
Tastaturstøtte
- TabIndex må være null eller større, slik at tastaturbrukere kan navigere til den.
- Fokusindikatorer må være godt synlige. 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).