Kontrola dugmeta u programskom dodatku Power Apps

Kontrola na koju korisnik može da klikne ili dodirne da bi vršio interakciju sa aplikacijom.

Opis

Konfigurišite svojstvo OnSelect kontrole dugmeta da biste pokrenuli neke formule kada korisnik klikne na kontrolu ili je dodirne.

Svojstva ključeva

OnSelect – Radnje koje se izvršavaju kada korisnik dodirne ili klikne na kontrolu.

Tekst – tekst koji se pojavljuje na kontroli ili koji korisnik kuca u kontrolu.

Dodatna svojstva

Poravnavanje – Lokacija teksta u odnosu na horizontalni centar njegove kontrole.

AutoDisableOnSelect – Automatski onemogućava kontrolu dok je pokrenuto ponašanje onSelect .

Boja ivice – Boja ivice kontrole.

BorderStyle – Da li je ivica kontrole Puna,Isprekidana, Tačkasta ili Nijedna.

Debljina ivice – Debljina ivice kontrole.

Boja – Boja teksta u kontroli.

ContentLanguage – Jezik sadržaja kontrole, ako se razlikuje od kontejnera kontrole.

DisplayMode – Da li kontrola dozvoljava korisnički unos (uređivanje), prikazuje samo podatke (prikaz) ili je onemogućen (onemogućeno).

DisabledBorderColor – Boja ivice kontrole ako je svojstvo DisplayMode kontrole postavljeno na Onemogućeno.

DisabledColor – Boja teksta u kontroli ako je njeno svojstvo DisplayMode postavljeno na Onemogućeno.

DisabledFill – Boja pozadine kontrole ako je njeno svojstvo DisplayMode postavljeno na Onemogućeno.

FocusedBorderColor – Boja ivice kontrole kada je kontrola fokusirana.

FocusedBorderThickness – Debljina ivice kontrole kada je kontrola fokusirana.

Popuna – Boja pozadine kontrole.

Font – Ime porodice fontova u kojoj se pojavljuje tekst.

FontWeight – Debljina teksta u kontroli: Podebljano, Polubold, Normalno ili Svetlija.

Visina – Udaljenost između gornje i donje ivice kontrole.

HoverBorderColor – Boja ivice kontrole kada korisnik zadrži pokazivač miša na toj kontroli.

HoverColor – Boja teksta u kontroli kada korisnik zadrži pokazivač miša na njemu.

HoverFill – Boja pozadine kontrole kada korisnik zadrži pokazivač miša na njemu.

Kurziv – Da li je tekst u kontroli kurziv.

PaddingBottom – Udaljenost između teksta u kontroli i donje ivice te kontrole.

PaddingLeft – Udaljenost između teksta u kontroli i leve ivice te kontrole.

PaddingRight – Udaljenost između teksta u kontroli i desne ivice te kontrole.

PaddingTop – Udaljenost između teksta u kontroli i gornje ivice te kontrole.

Pritisnuto – True dok se pritiska kontrola, u suprotnom se koristi vrednost false .

PressedBorderColor – Boja ivice kontrole kada korisnik dodirne tu kontrolu ili klikne na nju.

PressedColor – Boja teksta u kontroli kada korisnik dodirne tu kontrolu ili klikne na nju.

PressedFill – Boja pozadine kontrole kada korisnik dodirne tu kontrolu ili klikne na nju.

RadiusBottomLeft – Stepen zaokruživanja donjem levom uglu kontrole.

RadiusBottomRight – Stepen na koji se zaokružuje donji desni ugao kontrole.

RadiusTopLeft – Stepen na koji se zaokružuje gornji levi ugao kontrole.

RadiusTopRight – Stepen na koji se zaokružuje gornji desni ugao kontrole.

Veličina – Veličina fonta teksta koji se pojavljuje na kontroli.

Precrtani tekst – Da li se linija pojavljuje kroz tekst koji se pojavljuje na kontroli.

TabIndex – Redosled navigacije pomoću tastature u odnosu na druge kontrole.

Opis alatke – tekst objašnjenja koji se pojavljuje kada korisnik zadrži pokazivač iznad kontrole.

Podvlačenje – Da li se linija pojavljuje ispod teksta koji se pojavljuje na kontroli.

VerticalAlign – Lokacija teksta na kontroli u odnosu na vertikalni centar te kontrole.

Vidljivo – Da li se kontrola pojavljuje ili je skrivena.

Širina – Udaljenost između leve i desne ivice kontrole.

X – Rastojanje između leve ivice kontrole i leve ivice njenog roditeljskog kontejnera (ekran ako nema roditeljskog kontejnera).

Y – Rastojanje između gornje ivice kontrole i gornje ivice nadređenog kontejnera (ekran ako nema roditeljskog kontejnera).

Srodne funkcije

Navigate( ScreenName, ScreenTransitionValue )

Primeri

Dodavanje osnovne formule dugmetu

1. Dodajte kontrolu Unos teksta i nazovite je Source.

   Ne znate kako da dodate, imenujte i konfigurišete kontrolu?

2. Dodajte kontrolu dugmeta , postavite njeno svojstvo Tekst na vrednost "Dodaj" i postavite njeno svojstvo OnSelect na ovu formulu:
   UpdateContext({Total:Total + Value(Source.Text)})

   Želite više informacija o funkciji UpdateContext ili drugim funkcijama?

3. Dodajte kontrolu oznake , postavite njeno svojstvo Tekst u polju za formulu na Vrednost(Ukupna vrednost), a zatim pritisnite taster F5.

4. Obrišite podrazumevani tekst iz izvora, otkucajte broj u njemu, a zatim kliknite na dugme Dodaj ili ga dodirnite.

   Kontrola Oznaka prikazuje broj koji ste otkucali.

5. Obrišite broj iz izvora, otkucajte drugi broj u njemu, a zatim kliknite na dugme Dodaj ili ga dodirnite.

   Kontrola Oznaka prikazuje zbir dva broja koja ste otkucali.

6. (opcionalno) Ponovite prethodni korak jednom ili više puta.

7. Da biste se vratili na podrazumevani radni prostor, pritisnite taster Esc (ili kliknite na ikonu zatvaranja ili je dodirnite u gornjem desnom uglu).

Konfigurisanje dugmeta sa više formula

Dodajte formulu koja obriše kontrolu unosa teksta između stavki.

1. Postavite svojstvo HintTextizvora na "Unesite broj".

2. Postavite svojstvo OnSelect funkcije Dodaj u ovu formulu:

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

   Belešku

   Razdvojte više formula tačkom i zarezom ";".

3. Postavite podrazumevano svojstvo Izvor naClearInput.

4. Pritisnite taster F5, a zatim testirajte aplikaciju tako što ćete dodati nekoliko brojeva zajedno.

Dodajte još jedno dugme da biste uspostavili početne vrednosti ukupne vrednosti

Dodajte drugo dugme da biste obrisali ukupnu vrednost između izračunavanja.

1. Dodajte drugu kontrolu dugmeta , postavite njeno svojstvo Tekst na vrednost "Obriši" i postavite njeno svojstvo OnSelect na ovu formulu:

   UpdateContext({Total:0})

2. Pritisnite taster F5, sabiranje nekoliko brojeva, a zatim kliknite na dugme Obriši ili dodirnite stavku Obriši da biste uspostavili početne vrednosti ukupne vrednosti.

Promena izgleda dugmeta

Promena oblika dugmeta

Power Apps podrazumevano kreira pravougaonu kontrolu dugmeta sa zaobljenim uglovima. Osnovne izmene oblika kontrole dugmeta možete da izvršite tako što ćete podesiti njena svojstva Visina, Širina i Prečišćavanje.

Belešku

Ikone i oblici pružaju širok opseg dizajna i mogu da izvršavaju neke od istih osnovnih funkcija kao i kontrole dugmeta. Međutim, ikone i oblici nemaju svojstvo Tekst .

1. Dodajte kontrolu dugmeta i postavite njena svojstva Visina i Širina na 300 da biste kreirali veliko kvadratno dugme.

2. Izmenite svojstva RadiusTopLeft, RadiusTopRight, RadiusBottomLeft i RadiusBottomRight da biste prilagodili količinu krive na svakom uglu. Evo nekih primera različitih oblika od kojih svaki počinje od dugmeta od 300 x 300 kvadrata:

   • Podesite sve četiri vrednosti za prelivanjena 150 da biste kreirali krug.
   • Postavite vrednosti za RadiusTopLeft i RadiusBottomRight na 300 da biste kreirali dugme u obliku lista.
   • Postavite vrednosti za RadiusTopLeft i RadiusTopRight na 300, a vrednosti za RadiusBottomLeft i RadiusBottomRight na 100 da biste kreirali dugme u obliku tabulatora.

Promena boje dugmeta kada zadržite pokazivač iznad njega

Boja popune kontrole dugmeta će podrazumevano biti nedostupna za 20% kada zadržite pokazivač miša iznad kontrole. Ovo ponašanje možete da prilagodite tako što ćete promeniti svojstvo HoverFill , koje koristi funkciju ColorFade . Ako formulu ColorFade postavite na pozitivan procenat, boja postaje svetlija kada zadržite pokazivač iznad dugmeta, dok negativni procenat čini boju tamnijom.

• Promenite procenat "ColorFade " u svojstvu HoverFill jednog od dugmadi koje ste kreirali i posmatrajte efekte.

Možete da navedete boju kontrole dugmeta tako što ćete postaviti njeno svojstvo HoverFill na formulu koja sadrži funkciju ColorValue umesto funkcijeColorFade, kao u colorValue("Red").

Belešku

Vrednost boje može biti bilo koja CSS definicija boje, ime ili heksadecimatna vrednost.

• Zamenite funkciju ColorFade funkcijom ColorValue na jednom od dugmadi koje ste kreirali i posmatrajte efekte.

Uputstva za pristupačnost

Kontrast boja

• Primenjuju se standardni zahtevi za kontrast boja.

Podrška za čitače ekrana

• Tekst mora biti prisutan.

Podrška za tastaturu

• Vrednost TabIndex mora biti nula ili novija kako bi korisnici tastature mogli da do nje douše.
• Indikatori fokusa moraju biti jasno vidljivi. Koristite FocusedBorderColor i FocusedBorderThickness da biste to postigli.