Kontrola Dugme u usluzi Power Apps

Kontrola koju korisnik može da klikne ili dodirne da bi stupio u interakciju sa aplikacijom.

Opis

Konfigurišite svojstvo OnSelect kontrole dugme da biste pokrenuli jednu ili više formula kada korisnik klikne ili dodirne kontrolu.

Svojstva ključeva

OnSelect – Radnje koje treba izvršiti kada korisnik dodirne ili klikne na kontrolu.

Tekst – Tekst koji se prikazuje na kontroli ili koji korisnik upisuje u kontrolu.

Dodatna svojstva

Align – Lokacija teksta u odnosu na horizontalni centar kontrole.

AutoDisableOnSelect – Automatski onemogućava kontrolu dok se izvršava ponašanje svojstva OnSelect.

BorderColor – Boja ivice kontrole.

BorderStyle – Da li je ivica kontrole puna, isprekidana, tačkasta ili nijedna.

BorderThickness – Debljina ivice kontrole.

Color – Boja teksta u kontroli.

DisplayMode – Da li kontrola omogućava unos korisnika (Edit), samo prikazuje podatke (View) ili je onemogućena (Disabled).

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

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

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

FocusedBorderColor – Boja ivice kontrole kada je kontrola u fokusu.

FocusedBorderThickness – Debljina ivice kontrole kada je kontrola u fokusu.

Fill – Boja pozadine kontrole.

Font – Naziv porodice fontova u kojoj se tekst prikazuje.

FontWeight – Debljina teksta u kontroli: podebljano, polupodebljano, normalno ili tanko.

Height – Odstojanje 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 njoj.

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

Italic – Da li je tekst u kontroli ispisan u kurzivu.

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

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

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

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

Pressed – Tačno dok je kontrola pritisnuta, inače je netačno.

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

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

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

RadiusBottomLeft – Stepen do kojeg se zaokružuje donji levi ugao kontrole.

RadiusBottomRight – Stepen do kojeg se zaokružuje donji desni ugao kontrole.

RadiusTopLeft – Stepen do kojeg se zaokružuje gornji levi ugao kontrole.

RadiusTopRight – Stepen do kojeg se zaokružuje gornji desni ugao kontrole.

Size – Veličina fonta teksta koji se prikazuje u kontroli.

Strikethrough – Da li je tekst koji se prikazuje u kontroli precrtan linijom.

TabIndex – Redosled navigacije na tastaturi u odnosu na druge kontrole.

Tooltip – Opisni tekst koji se prikazuje kada korisnik drži kursor preko kontrole.

Underline – Da li je tekst koji se prikazuje u kontroli podvučen linijom.

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

Visible – Da li se kontrola prikazuje ili je skrivena.

Width – Odstojanje između leve i desne ivice kontrole.

X – Odstojanje između leve ivice kontrole i leve ivice njegovog nadređenog kontejnera (ili ekrana ako nema nadređenog kontejnera).

Y – Odstojanje između gornje ivice kontrole i gornje ivice njegovog nadređenog kontejnera (ili ekrana ako nema nadređenog kontejnera).

Srodne funkcije

Navigate( ScreenName, ScreenTransitionValue )

Primeri

Dodavanje osnovne formule dugmetu

1. Dodajte kontrolu Text input kontrolu i nazovite je Source.

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

2. Dodajte kontrolu Dugme, podesite svojstvo Tekst na „Dodaj“ i postavite njegovo svojstvo OnSelect na sledeću formulu:
   UpdateContext({Total:Total + Value(Source.Text)})

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

3. Dodajte kontrolu Oznaka, podesite njegovo svojstvo Tekst u traci sa formulama na Vrednost(Ukupna), a zatim pritisnite F5.

4. Izbrišite podrazumevani tekst iz kontrole Source, unesite broj u nju, a zatim kliknite ili dodirnite Dodaj.

   Kontrola Label prikazuje broj koji ste upisali.

5. Izbrišite broj iz kontrole Source, unesite drugi broj u nju, a zatim kliknite ili dodirnite Dodaj.

   Kontrola Label prikazuje dva broja koja ste upisali.

6. (opcionalno) Prethodni korak ponovite jednom ili više puta.

7. Da biste se vratili u podrazumevani radni prostor, pritisnite Esc (ili kliknite ili dodirnite ikonu za zatvaranje u gornjem desnom uglu).

Konfigurisanje dugmeta sa više formula

Dodajte formulu koja briše kontrolu Unos teksta između unosa.

1. Podesite svojstvo HintText kontrole Source na „Unesite broj“.

2. Podesite svojstvo OnSelect kontrole Dodavanje prema ovoj formuli:

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

   Napomena

   Razdvojite više formula tačkom i zarezom „;“.

3. Podesite svojstvo Default kontrole Izvor na ClearInput.

4. Pritisnite F5, a zatim testirajte aplikaciju dodajući nekoliko brojeva.

Dodajte još jedno dugme da biste poništili ukupan zbir

Dodajte drugo dugme da biste obrisali ukupan zbir između izračunavanja.

1. Dodajte drugu kontrolu Dugme, podesite njeno svojstvo Tekst na „Obriši“ i postavite njeno svojstvo OnSelect na sledeću formulu:

   UpdateContext({Total:0})

2. Pritisnite F5, dodajte nekoliko brojeva zajedno, a zatim kliknite ili dodirnite Obriši da poništite ukupan zbir.

Promena izgleda dugmeta

Promena oblika dugmeta

Podrazumevano, Power Apps kreira pravougaonu kontrolu Dugme sa zaobljenim uglovima. Možete da obavite osnovne izmene oblika kontrole dugme podešavanjem svojstava Height, Width i Radius.

Napomena

Ikone i oblici pružaju širok izbor dizajna i mogu obavljati neke od istih osnovnih funkcija koje kontrole dugme obavljaju. Međutim, Ikone i oblici nemaju svojstvo Tekst.

1. Dodajte kontrolu Dugme i podesite njena svojstva Height i Width na 300 da biste napravili veliko kvadratno dugme.

2. Izmenite svojstva RadiusTopLeft, RadiusTopRight, RadiusBottomLeft i RadiusBottomRight da biste podesili količinu zakrivljenosti na svakom uglu. Evo nekoliko primera različitih oblika, od kojih svaki počinje od kvadratnog dugmeta 300x300:

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

Promenite boju dugmeta kada postavite pokazivač miša iznad njega

Podrazumevano, boja za unos kontrole Dugme će se zatamniti 20% kada pređete mišem preko nje. Ovo ponašanje možete prilagoditi promenom svojstva HoverFill, koje koristi funkciju ColorFade. Ako podesite formulu ColorFade na pozitivan procenat, boja postaje svetlija kada pređete mišem preko dugmeta, dok negativan procenat čini boju tamnijom.

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

Takođe možete da odredite boju kontrole Dugme podešavanjem njenog svojstva HoverFill prema formuli koja sadrži funkciju ColorValue umesto ColorFade, kao u ColorValue("Red").

Napomena

Vrednost boje može biti bilo koja CSS definicija boje, bilo da je to ime ili heksadecimalna vrednost.

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

Smernice za pristupačnost

Kontrast boja

• Primenjuju se standardni zahtevi za kontraste boja.

Podrška za čitače ekrana

• Svojstvo Tekst mora biti prisutno.

Podrška za tastaturu

• TabIndex mora biti nula ili veći broj kako bi korisnici mogli da stignu do kontrole.
• Indikatori fokusa moraju biti jasno vidljivi. Koristite FocusedBorderColor i FocusedBorderThickness kako da to postignete.

Napomena

Možete li nam reći o svojim željenim postavkama jezika u dokumentaciji? Ispunite kratku anketu. (imajte na umu da je ova anketa na engleskom jeziku)

Anketa će trajati oko sedam minuta. Ne prikupljaju se lični podaci (izjava o privatnosti).