Kontrola gumba u aplikacijama za napajanje

Kontrola koju korisnik može kliknuti ili dodirnuti za interakciju s aplikacijom.

Opis

Konfigurirajte svojstvo OnSelect kontrole gumba da biste pokrenuli jednu ili više formula kada korisnik klikne ili dodirne kontrolu.

Svojstva ključa

OnSelect – akcije koje se izvode kada korisnik dodirne ili klikne kontrolu.

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

Dodatna svojstva

Poravnaj – mjesto teksta u odnosu na vodoravno središte kontrole.

AutoDisableOnSelect – automatski onemogućuje kontrolu dok je pokrenuto ponašanje OnSelect .

BorderColor – boja obruba kontrole.

BorderStyle – je li obrub kontrole ispunjen,iscrtan, točkasti ili ništa.

BorderThickness – debljina obruba kontrole.

Boja – boja teksta u kontroli.

ContentLanguage – jezik sadržaja kontrole, ako se razlikuje od spremnika kontrole.

DisplayMode – dopušta li kontrola korisnički unos (uređivanje), prikazuje samo podatke (prikaz) ili je onemogućena (onemogućeno).

DisabledBorderColor – boja obruba kontrole ako je svojstvo kontrole DisplayMode postavljeno na Onemogućeno.

DisabledColor – boja teksta u kontroli ako je njegovo svojstvo DisplayMode postavljeno na Onemogućeno.

DisabledFill – boja pozadine kontrole ako je njegovo svojstvo DisplayMode postavljeno na Onemogućeno.

FocusedBorderColor – boja obruba kontrole kada je kontrola fokusirana.

FocusedBorderThickness – debljina obruba kontrole kada je kontrola fokusirana.

Ispuna – boja pozadine kontrole.

Font – naziv obitelji fontova u kojima se tekst pojavljuje.

FontWeight – težina teksta u kontroli: Podebljano, Polubold, Normalno ili Svjetlije.

Visina – udaljenost između gornjih i donjih rubova kontrole.

HoverBorderColor – boja obruba 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 – označava je li tekst u kontroli kurziv.

PaddingBottom – udaljenost između teksta u kontroli i donjeg ruba te kontrole.

PaddingLeft – udaljenost između teksta u kontroli i lijevog ruba te kontrole.

PaddingRight – udaljenost između teksta u kontroli i desnog ruba te kontrole.

PaddingTop – udaljenost između teksta u kontroli i gornjeg ruba te kontrole.

Pritisnuto – true dok se kontrola pritisne, u suprotnom je false.

PressedBorderColor – boja obruba kontrole kada korisnik dodirne ili klikne tu kontrolu.

PressedColor – boja teksta u kontroli kada korisnik dodirne ili klikne tu kontrolu.

PressedFill – boja pozadine kontrole kada korisnik dodirne ili klikne tu kontrolu.

RadiusBottomLeft – stupanj zaokruživanja donjeg lijevog kuta kontrole.

RadiusBottomRight – stupanj u kojem se zaokružuje donji desni kut kontrole.

RadiusTopLeft – stupanj u kojem se zaokružuje gornji lijevi kut kontrole.

RadiusTopRight – stupanj u kojem se zaokružuje gornji desni kut kontrole.

Veličina – veličina fonta teksta koji se prikazuje na kontroli.

Precrtano – prikazuje li se redak kroz tekst koji se pojavljuje na kontroli.

TabIndex – redoslijed navigacije tipkovnicom u odnosu na druge kontrole.

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

Podcrtano – prikazuje li se redak ispod teksta koji se pojavljuje na kontroli.

VerticalAlign – mjesto teksta na kontroli u odnosu na okomito središte te kontrole.

Vidljivo – prikazuje li se kontrola ili je skrivena.

Širina – udaljenost između lijevih i desnih rubova kontrole.

X – udaljenost između lijevog ruba kontrole i lijevog ruba nadređenog spremnika (zaslon ako nema nadređenog spremnika).

Y – udaljenost između gornjeg ruba kontrole i gornjeg ruba nadređenog spremnika (zaslon ako nema nadređenog spremnika).

Povezane funkcije

Navigate( ScreenName, ScreenTransitionValue )

Primjeri

Dodavanje osnovne formule na gumb

1. Dodajte kontrolu za unos teksta i dodijelite mu naziv Izvor.

   Ne znate kako dodati , dodijeliti naziv i konfigurirati kontrolu?

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

   Želite li dodatne informacije o funkciji UpdateContext ili drugim funkcijama?

3. Dodajte kontrolu natpisa , postavite njezino svojstvo Tekst u traci formule na Vrijednost(ukupno), a zatim pritisnite F5.

4. Očistite zadani tekst iz izvora, upišite broj u njega, a zatim kliknite ili dodirnite Dodaj.

   Kontrola natpisa prikazuje broj koji ste upisali.

5. Očistite broj iz izvora, upišite neki drugi broj u njega, a zatim kliknite ili dodirnite Dodaj.

   Kontrola natpisa prikazuje zbroj dvaju brojeva koje ste upisali.

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

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

Konfiguriranje gumba s više formula

Dodajte formulu koja čisti kontrolu unosa teksta između unosa.

1. Postavite svojstvo HintText izvora na "Unesite broj".

2. Postavite svojstvo OnSelect za Dodaj u ovu formulu:

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

   Napomena

   Više formula odvojite točkom sa zarezom ";".

3. Postavite svojstvo Default za Izvor naClearInput.

4. Pritisnite F5, a zatim testirajte aplikaciju zbrajanjem nekoliko brojeva.

Dodavanje drugog gumba radi ponovnog postavljanja ukupnog zbroja

Dodavanje drugog gumba radi čišćenja ukupnog zbroja između izračuna.

1. Dodajte još jednu kontrolu gumba, postavite njezino svojstvo Tekst na "Očisti" i postavite njezino svojstvo OnSelect na ovu formulu:

   UpdateContext({Ukupno:0})

2. Pritisnite F5, zajedno dodajte nekoliko brojeva, a zatim kliknite ili dodirnite Očisti da biste ponovno postavili ukupni zbroj.

Promjena izgleda gumba

Promjena oblika gumba

Power Apps po zadanom stvara pravokutnu kontrolu gumba sa zaobljenim kutovima. Možete napraviti osnovne izmjene oblika kontrole gumba tako da postavite svojstva Visina, Širina i Polumjer .

Napomena

Ikone i oblici nude širok raspon dizajna i mogu izvršavati neke od istih osnovnih funkcija kao i kontrole gumba. No ikone i oblici nemaju svojstvo Text .

1. Dodajte kontrolu gumba i postavite svojstva Visina i Širina na 300 da biste stvorili veliki kvadratni gumb.

2. Izmijenite svojstva RadiusTopLeft, RadiusTopRight, RadiusBottomLeft i RadiusBottomRight da biste prilagodili količinu zakrivljenosti svakog kuta. Evo nekoliko primjera različitih oblika, od svakog od 300 x 300 kvadrata:

   • Postavite sve četiri vrijednosti radijusa na 150 da biste stvorili krug.
   • Postavite vrijednosti za RadiusTopLeft i RadiusBottomRight na 300 da biste stvorili gumb u obliku lista.
   • Postavite vrijednosti za RadiusTopLeft i RadiusTopRight na 300, a vrijednosti za RadiusBottomLeft i RadiusBottomRight na 100 da biste stvorili gumb u obliku kartice.

Promjena boje gumba prilikom držanja pokazivača iznad njega

Boja ispune kontrole gumba po zadanom će se zatamnjeti za 20% kada mišem prijeđete preko njih. To ponašanje možete prilagoditi tako da promijenite svojstvo HoverFill koje koristi funkciju ColorFade . Ako formulu ColorFade postavite na pozitivan postotak, boja postaje svjetlija kada pokazivač miša postavite iznad gumba, a negativni postotak tamniju boju.

• Promijenite postotak ColorFade u svojstvu HoverFill jednog od gumba koji ste stvorili i promatrajte efekte.

Boju kontrole gumba možete odrediti i tako da svojstvo HoverFill postavite na formulu koja sadrži funkciju ColorValue umjesto funkcije ColorFade, kao u odjeljku ColorValue("Crveno").

Napomena

Vrijednost boje može biti bilo koja css definicija boje, naziv ili heksadecimalno.

• Funkciju ColorFade zamijenite funkcijom ColorValue na jednom od gumba koji ste stvorili i promatrajte efekte.

Smjernice za pristupačnost

Kontrast boja

• Primjenjuju se standardni zahtjevi kontrasta boja.

Podrška za čitač zaslona

• Tekst mora biti prisutan.

Podrška za tipkovnicu

• TabIndex mora biti nula ili veći da bi korisnici tipkovnice mogli doći do nje.
• Indikatori fokusa moraju biti jasno vidljivi. Da biste to postigli, koristite FocusedBorderColor i FocusedBorderThickness .