Deli z drugimi prek

Kontrolnik »Button« v aplikaciji Power Apps

  • Članek

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

Opis

Konfigurirajte lastnost OnSelect kontrolnika Button, če želite zagnati eno ali več formul, ko uporabnik klikne ali tapne kontrolnik.

Lastnosti ključa

OnSelect – Dejanja za izvedbo, ko uporabnik tapne ali klikne kontrolnik.

Besedilo – Besedilo, ki se pojavi na kontrolniku ali ga uporabnik vnese v kontrolnik.

Dodatne lastnosti

Poravnava – Lokacija besedila glede na vodoravno sredino njegovega kontrolnika.

AutoDisableOnSelect – Samodejno onemogoči kontrolnik, medtem ko se izvaja vedenje OnSelect.

BorderColor – Barva obrobe kontrolnika.

BorderStyle – Določa, ali je obroba kontrolnika nastavljena na Fiksno, Črtkano, Pikčasto ali Brez.

BorderThickness – Debelina obrobe kontrolnika.

Barva – Barva besedila v kontrolniku.

DisplayMode – Določa, ali kontrolnik omogoča vnašanje uporabnika (Uredi), prikaz podatkov (Ogled) oziroma je onemogočen (Onemogočeno).

DisabledBorderColor – Barva obrobe kontrolnika, če je lastnost kontrolnika DisplayMode 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, kadar je kontrolnik v fokusu.

FocusedBorderThickness – Debelina obrobe kontrolnika, kadar je kontrolnik v fokusu.

Polnilo – Barva ozadja kontrolnika.

Pisava – Ime družine pisav, v kateri se pojavi besedilo.

FontWeight – Debelina besedila v kontrolniku: Bold, Semibold, Normal ali Lighter.

Višina – Razdalja med zgornjim in spodnjim robom kontrolnika.

HoverBorderColor – Barva obrobe kontrolnika, ko se uporabnik s kazalcem miške ustavi na tem kontrolniku.

HoverColor – Barva besedila v kontrolniku, ko se uporabnik s kazalcem miške ustavi na njem.

HoverFill – Barva ozadja kontrolnika, ko se uporabnik s kazalcem miške ustavi na njem.

Italic – Določa, ali je besedilo v kontrolniku zapisano ležeče.

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

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

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

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

Stisnjeno – Drži, ko je kontrolnik stisnjen, sicer Ne drži.

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 zaobljenosti spodnjega levega kota kontrolnika.

RadiusBottomRight – Stopnja zaobljenosti spodnjega desnega kota kontrolnika.

RadiusTopLeft – Stopnja zaobljenosti zgornjega levega kota kontrolnika.

RadiusTopRight – Stopnja zaobljenosti zgornjega desnega kota kontrolnika.

Velikost – Velikost pisave besedila, ki se pojavi na kontrolniku.

Prečrtano – Določa, ali je besedilo, ki je prikazano na kontrolniku, prečrtano.

TabIndex – Vrstni red pomikanja po tipkovnici glede na druge kontrolnike.

Tooltip – besedilo z razlago, ki se prikaže, ko uporabnik pomakne kazalec miške nad kontrolnik.

Podčrtano – Določa, ali je besedilo, ki je prikazano na kontrolniku, podčrtano.

VerticalAlign – Lokacija besedila na kontrolniku glede na navpično sredino tega kontrolnika.

Vidno – Določa, ali je kontrolnik prikazan ali skrit.

Širina – Razdalja med levim in desnim robom kontrolnika.

X – Razdalja med levim robom kontrolnika in levim robom njegovega nadrejenega vsebnika (oziroma zaslona, če nima nadrejenega vsebnika).

Y – Razdalja med zgornjim robom kontrolnika in zgornjim robom njegovega nadrejenega vsebnika (oziroma zaslona, če nima nadrejenega vsebnika).

Navigate( ScreenName, ScreenTransitionValue )

Primeri

Dodajanje osnovne formule gumbu

  1. Dodajte kontrolnik Text input in ga poimenujte Vir.

    Ne veste, kako dodati, poimenovati in konfigurirati kontrolnik?

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

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

  3. Dodajte kontrolnik Oznaka, nastavite njegovo lastnost Besedilo v vrstici s formulo na Vrednost (skupaj) in nato pritisnite F5.

  4. Počistite privzeto besedilo iz Vira, vtipkajte številko vanj in kliknite ali tapnite Dodaj.

    Kontrolnik Label prikazuje številko, ki ste jo vnesli.

  5. Počistite številko iz Vira, vtipkajte drugo številko vanj in kliknite ali tapnite Dodaj.

    Kontrolnik Label prikazuje vsoto obeh številk, ki ste ju vnesli.

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

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

Konfigurirajte gumb z več formulami

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

  1. Nastavite lastnost HintText Vira na »Vnesi številko«.

  2. Lastnost OnSelect, ki velja za Dodaj, nastavite na naslednjo formulo:

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

    Opomba

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

  3. Lastnost Privzeto za Vir nastavite na ClearInput.

  4. Pritisnite tipko F5 in nato preizkusite aplikacijo z dodajanjem več številk naenkrat.

Dodajanje še enega gumba za ponastavitev skupne vrednosti

Dodajte še en gumb, da izbriše skupno vrednost med posameznimi izračuni.

  1. Dodajte še en kontrolnik Button, nastavite njegovo lastnost Besedilo na »Clear« in nastavite njegovo lastnost OnSelect na naslednjo formulo:

    UpdateContext({Total:0})

  2. Pritisnite tipko F5, dodajte več številk naenkrat in kliknite ali tapnite Clear, da ponastavite skupno vrednost.

Sprememba videza gumba

Sprememba oblike gumba

Aplikacija Power Apps privzeto ustvari pravokotni kontrolnik Button z zaobljenimi robovi. Osnovne spremembe oblike kontrolnika Button lahko uvedete z nastavitvijo lastnosti Višina, Širina in Polmer.

Opomba

Ikone in oblike nudijo širok nabor oblik in lahko izvajajo nekatere enake osnovne funkcije kot kontrolniki Button. Vendar Ikone in Oblike nimajo lastnosti Besedilo.

  1. Dodajte kontrolnik Button in nastavite njegovi lastnosti Višina in Širina na 300, da se ustvari velik kvadratni gumb.

  2. Spremenite lastnosti RadiusTopLeft, RadiusTopRight, RadiusBottomLeft in RadiusBottomRight, da prilagodite zaobljenost posameznega kota. Tu je nekaj primerov različnih oblik, od katerih se vsaka začne s kvadratnim gumbom velikosti 300 x 300:

Sprememba barve gumba, ko se s kazalcem miške pomaknete nad njega

Privzeto je nastavljeno, da se barva polnila kontrolnika Button privzeto potemni za 20 %, ko se s kazalcem miške pomaknete nad njega. To vedenje lahko prilagodite s spremembo lastnosti HoverFill, ki uporablja funkcijo ColorFade. Če nastavite formulo ColorFade na pozitivni odstotek, bo barva svetlejša, ko se boste z miško pomaknili nad gumb, medtem ko bo pri negativnem odstotku temnejša.

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

Določite lahko tudi barvo kontrolnika Button, tako da nastavite njegovo lastnost HoverFill na formulo, ki vsebuje ColorValue namesto funkcije ColorFade, kot je v ColorValue("Rdeča").

Opomba

Vrednost barve je lahko v kateri koli definiciji barve CSS z imensko ali šestnajstiško vrednostjo.

  • Zamenjajte funkcijo ColorFade s funkcijo ColorValue v enem od gumbov, ki ste ga ustvarili, in opazujte učinke.

Smernice o dostopnosti

Barvni kontrast

Podpora za bralnik zaslona

Podpora za tipkovnico

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).