Deli z drugimi prek

Kontrolnik gumba v dodatku Power Apps

Kontrolnik, ki ga uporabnik lahko klikne ali tapne za interakcijo z aplikacijo.

Description

Konfigurirajte lastnost OnSelect kontrolnika Gumb tako, da zažene eno ali več formul, ko uporabnik klikne ali tapne kontrolnik.

Lastnosti ključa

OnSelect – Dejanja, ki jih želite izvesti, ko uporabnik tapne ali klikne kontrolnik.

Besedilo – besedilo, ki se prikaže na kontrolniku ali ki ga uporabnik vneti v kontrolnik.

Dodatne lastnosti

Align – Mesto besedila glede na vodoravno sredino kontrolnika.

AutoDisableOnSelect – Samodejno onemogoči kontrolnik med izvajanjem vedenja OnSelect .

BorderColor – barva obrobe kontrolnika.

BorderStyle – ali je obroba kontrolnika polna,črtkana, pikčasta ali brez.

BorderThickness – Debelina obrobe kontrolnika.

Barva – barva besedila v kontrolniku.

ContentLanguage – jezik vsebine kontrolnika, če se razlikuje od vsebnika kontrolnika.

DisplayMode – ali kontrolnik omogoča vnos uporabnika (Urejanje), prikaže le podatke (ogled) ali pa je onemogočen (onemogočen).

DisabledBorderColor – barva obrobe kontrolnika, če je lastnost DisplayMode kontrolnika nastavljena na Onemogočeno.

DisabledColor – barva besedila v kontrolniku, če je njegova lastnost DisplayMode nastavljena na Onemogočeno.

DisabledFill – barva ozadja kontrolnika, če je njegova lastnost DisplayMode nastavljena na Onemogočeno.

FocusedBorderColor – barva obrobe kontrolnika, ko je kontrolnik v fokusu.

FocusedBorderThickness – debelina obrobe kontrolnika, ko je kontrolnik v fokusu.

Polnilo – barva ozadja kontrolnika.

Font – ime družine pisav, v kateri je prikazano besedilo.

FontWeight – teža besedila v kontrolniku: krepko, polboldno, navadno ali svetlejše.

Height – Razdalja med zgornjim in spodnjim robom kontrolnika.

HoverBorderColor – barva obrobe kontrolnika, ko uporabnik ohrani kazalec miške na tem kontrolniku.

HoverColor – barva besedila v kontrolniku, ko uporabnik ohrani kazalec miške na njem.

HoverFill – barva ozadja kontrolnika, ko uporabnik obdrži kazalec miške na njem.

Ležeče – ali je besedilo v kontrolniku ležeče.

PaddingBottom – Razdalja med besedilom v kontrolniku in spodnjim robom kontrolnika.

PaddingLeft – Razdalja med besedilom v kontrolniku in levim robom kontrolnika.

PaddingRight – Razdalja med besedilom v kontrolniku in desnim robom kontrolnika.

PaddingTop – Razdalja med besedilom v kontrolniku in zgornjim robom kontrolnika.

Pritisniti – True med pritiskanjem kontrolnika, sicer je vrednost False .

PressedBorderColor – barva obrobe kontrolnika, ko uporabnik tapne ali klikne ta kontrolnik.

PressedColor – barva besedila v kontrolniku, ko uporabnik tapne ali klikne ta kontrolnik.

PressedFill – barva ozadja kontrolnika, ko uporabnik tapne ali klikne ta kontrolnik.

RadiusBottomLeft – stopnja, do katere je zaokrožen spodnji levi kot kontrolnika.

RadiusBottomRight – stopnja, do katere je zaokrožen spodnji desni kot kontrolnika.

RadiusTopLeft – stopnja, do katere je zaokrožen zgornji levi kot kontrolnika.

RadiusTopRight – stopnja, do katere je zaokrožen zgornji desni kot kontrolnika.

Size – Velikost pisave besedila, ki se prikaže v kontrolniku.

Prečrtano – ali se skozi besedilo, ki se prikaže na kontrolniku, prikaže vrstica.

TabIndex – vrstni red krmarjenja s tipkovnico glede na druge kontrolnike.

Opis orodja – pojasnjevalno besedilo, ki se prikaže, ko uporabnik pomakne kazalec miške nad kontrolnik.

Podčrtano – ali se pod besedilom, ki se prikaže na kontrolniku, prikaže vrstica.

VerticalAlign – Mesto besedila v kontrolniku glede na navpično sredino kontrolnika.

Vidno – ali je kontrolnik prikazan ali skrit.

Širina – Razdalja med levim in desnim robom kontrolnika.

X – Razdalja med levim robom kontrolnika in levim robom nadrejenega vsebnika (zaslon, če ni nadrejenega vsebnika).

Y – Razdalja med zgornjim robom kontrolnika in zgornjim robom nadrejenega vsebnika (zaslon, če ni nadrejenega vsebnika).

Navigate( ScreenName, ScreenTransitionValue )

Primeri

Dodajanje osnovne formule gumbu

  1. Dodajte kontrolnik Text input in ga poimenujte Vir.

    Ne veste, kako dodati kontrolnik, ga poimenujte in konfigurirati?

  2. Dodajte kontrolnik »Button «, nastavite lastnost Text na »Add« (Dodaj) in lastnost OnSelect nastavite na to formulo:
    UpdateContext({Total:Total + Value(Source.Text)})

    Želite več informacij o funkciji UpdateContext ali drugih funkcijah?

  3. Dodajte kontrolnik Oznaka , nastavite njegovo lastnost Besedilo v vnosni vrstici na Value(Total), nato pa pritisnite F5.

  4. Počistite privzeto besedilo iz vira, vnesite številko in nato kliknite ali tapnite Dodaj.

    Kontrolnik Oznaka prikazuje številko, ki ste jo vnesli.

  5. Počistite številko iz vira, vnesite drugo številko in nato kliknite ali tapnite Dodaj.

    V kontrolniku Oznaka je prikazana vsota dveh števil, ki ste jih vnesli.

  6. (izbirno) Prejšnji korak ponovite enkrat ali večkrat.

  7. Če se želite vrniti v privzeti delovni prostor, pritisnite tipko Esc (ali kliknite ali tapnite ikono za zapiranje v zgornjem desnem kotu).

Konfiguriranje gumba z več formulami

Dodajte formulo, ki počisti kontrolnik za vnos besedila med vnosi.

  1. Lastnost HintText za Vir nastavite na »Vnesite številko«.

  2. Nastavite lastnost OnSelect možnosti Dodaj tej formuli:

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

    opomba,

    Več formul ločite s podpičjem »;«.

  3. Nastavite lastnost Privzeto za Vir naClearInput.

  4. Pritisnite F5 in nato preskusite aplikacijo tako, da dodate več številk.

Če želite ponastaviti skupno vsoto, dodajte še en gumb

Dodajte drugi gumb, da počistite vsoto med izračuni.

  1. Dodajte še en kontrolnik »Button«, nastavite lastnost Text na »Clear« (Počisti) in lastnost OnSelect nastavite na to formulo:

    UpdateContext({Total:0})

  2. Pritisnite F5, seštejte več številk in nato kliknite ali tapnite Počisti , da ponastavite skupno vsoto.

Spreminjanje videza gumba

Spreminjanje oblike gumba

Power Apps privzeto ustvari pravokotni kontrolnik gumba z zaobljenimi koti. Osnovno spremenite obliko kontrolnika gumba tako, da nastavite njegove lastnosti Višina, Širinain Polmer.

opomba,

Ikone in oblike omogočajo različne oblike in lahko izvajajo nekatere osnovne funkcije, kot jih izvajajo kontrolniki gumba. Vendar pa ikone in oblike nimajo lastnosti Besedilo .

  1. Dodajte kontrolnik »Gumb « in nastavite lastnosti Višina in Širina na 300 , da ustvarite velik kvadratni gumb.

  2. Spremenite lastnosti RadiusTopLeft, RadiusTopRight, RadiusBottomLeft in RadiusBottomRight , da prilagodite količino ukrivljenosti v vsakem kotu. Tukaj je nekaj primerov različnih oblik, od vsake od 300 x 300 kvadratnih gumbov:

Spreminjanje barve gumba, ko se s kazalcem miške pomaknete nad gumb

Privzeto se barva polnila kontrolnika gumba zatemni za 20%, ko kazalec miške premaknete nad kontrolnik. To vedenje lahko prilagodite tako, da spremenite lastnost HoverFill , ki uporablja funkcijo ColorFade . Če formulo ColorFade nastavite na pozitiven odstotek, postane barva svetlejša, ko se s kazalcem miške pomaknete na gumb, medtem ko je barva temnejša z negativnim odstotkom.

  • Spremenite odstotek ColorFade v lastnosti HoverFill enega od gumbov, ki ste jih ustvarili, in opazujte učinke.

Barvo kontrolnika Gumb lahko določite tudi tako, da lastnost HoverFill nastavite na formulo, ki vsebuje funkcijo ColorValue namesto funkcije ColorFade, kot v colorValue(»rdeča«).

opomba,

Vrednost barve je lahko katera koli definicija barve CSS, ime ali šestnajstiško vrednost.

Smernice za dostopnost

Barvni kontrast

Podpora za bralnik zaslona

Podpora za tipkovnico

  • Last updated on