Kontrola Button u Power Apps

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

Opis

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

Svojstva ključa

OnSelect – radnje koje treba provesti kada korisnik dodirne ili klikne na kontrolu.

Tekst – Tekst koji se pojavi na kontroli ili koji korisnik upiše u kontrolu.

Dodatna svojstva

Align – Položaj teksta u odnosu na vodoravno središte njegove kontrole.

AutomatskionemogućiOnSelect – Automatski onemogućuje kontrolu dok je pokrenuto ponašanje OnSelect.

BorderColor – Boja obruba kontrole.

Vrstaobruba – Bilo da je obrub kontrole Neprekidan, Isprekidan, Točkast ili Nema.

BorderThickness – Debljina obruba kontrole.

Color – Boja teksta u kontroli.

DisplayMode – Bilo da kontrola omogućuje unos korisnika (Uredi), samo prikaz podataka (Prikaz) ili je onemogućena (Disabled).

Onemogućenabojaobruba – Boja obruba kontrole ako je njeno svojstvo DisplayMode postavljeno na Disabled.

DisabledColor – Boja teksta u kontroli ako je njeno svojstvo DisplayMode postavljeno na Disabled.

Onemogućenaispuna – Pozadinska boja kontrole ako je njeno svojstvo DisplayMode postavljeno na Disabled.

Fokusiranabojaobruba – Boja obruba kontrole kada je kontrola fokusirana.

Fokusiranadebljinaobruba – Debljina obruba kontrole kada je kontrola fokusirana.

Fill – Boja pozadine kontrole.

Font – Naziv skupine fontova u kojem se prikazuje tekst.

FontWeight – Debljina teksta u kontroli: Podebljano, Semibold, Normalno ili Svjetlije.

Height – Udaljenost između gornjeg i donjeg ruba kontrole.

Bojaobrubazadržavanjapokazivača – Boja obruba kontrole kada korisnik drži pokazivač miša na toj kontroli.

Bojazadržavanjapokazivača – Boja teksta u kontroli kada korisnik drži pokazivač miša na njemu.

Ispunazadržavanjapokazivača – Pozadinska boja kontrole kada korisnik drži pokazivač miša na njemu.

Italic – Bilo da je tekst u kontroli kurziv.

Udaljenostoddonjeg ruba –- Udaljenost između teksta u kontroli i donjeg ruba te kontrole.

Udaljenostodlijevogruba –- Udaljenost između teksta u kontroli i lijevog ruba te kontrole.

Udaljenostoddesnogruba – Udaljenost između teksta u kontroli i desnog ruba te kontrole.

Udaljenostodgornjegruba – Udaljenost između teksta u kontroli i gornjeg ruba te kontrole.

Pressed – True dok je kontrola pritisnuta, false ako nije.

Bojaobrubapripritisku – Boja obruba kontrole kada korisnik dodirne ili klikne tu kontrolu.

Bojapritisnutogelementa – Boja teksta u kontroli kada korisnik dodirne ili klikne tu kontrolu.

Ispunapritisnutogelementa – Pozadinska boja kontrole kada korisnik dodirne ili klikne tu kontrolu.

RadiusBottomLeft – Stupanj na koji je zaokružen donji lijevi kut kontrole.

RadiusBottomRight – Stupanj na koji je zaokružen donji desni kut kontrole.

RadiusTopLeft – Stupanj na koji je zaokružen gornji lijevi kut kontrole.

RadiusTopRight – Stupanj na koji je zaokružen gornji desni kut kontrole.

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

Striketrough – Bilo da se crta pojavljuje kroz tekst koji se pojavljuje na kontroli.

Indekskartice – Redoslijed navigacije na tipkovnici u usporedbi s drugim kontrolama.

Opiselementa – Text objašnjenja koji se prikazuje kada korisnik pomiče pokazivač preko kontrole.

Underline – Pojavljuje li se crta ispod teksta koji se pojavljuje na kontroli.

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

Visible – Bilo da se kontrola prikazuje ili je skrivena.

Width – Udaljenost između lijevog i desnog ruba kontrole.

X – Udaljenost između lijevog ruba kontrole i lijevog ruba njegovog 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

Idite na( Nazivzaslona, Vrijednostprijelazazaslona )

Primjeri

Dodajte osnovnu formulu gumbu

1. Dodajte kontrolu Text input i imenujte je Izvor.

   Ne znate kako dodati, imenovati i konfigurirati kontrolu?

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

   Želite li više informacija o funkciji UpdateContext ili druge funkcije?

3. Dodajte kontrolu Oznaka, postavite njeno svojstvo Tekst na traci formule na Vrijednost (ukupno), a zatim pritisnite F5.

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

   Kontrola Label pokazuje broj koji ste upisali.

5. Očistite broj s Izvor, upišite drugi broj u njega, a zatim kliknite ili dodirnite Dodaj.

   Kontrola Label pokazuje zbroj dva broja koja ste upisali.

6. (po izboru) Ponovite prethodni korak jedan ili više puta.

7. Za povratak na zadani radni prostor pritisnite Esc (ili kliknite ili dodirnite ikonu za zatvaranje u gornjem desnom kutu).

Konfigurirajte gumb s više formula

Dodajte formulu koja briše kontrolu Text input između unosa.

1. Postavite svojstvo HintText Izvor na "Upiši broj".

2. Postavite svojstvo Odaberi Dodaj za ovu formulu:

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

   Napomena

   Odvojite više formula točka zarezom “;”.

3. Postavite svojstvo Default stavke Izvor na ClearInput.

4. Pritisnite F5, a zatim testirajte aplikaciju dodavanjem nekoliko brojeva zajedno.

Dodajte drugi gumb da biste ponovno postavili zbroj

Dodajte drugi gumb da biste očistili zbroj između izračuna.

1. Dodajte drugu kontrolu Button, postavite njeno svojstvo Tekst na "Clear" i postavite njeno svojstvo OnSelect na ovu formulu:

   UpdateContext({Total:0})

2. Pritisnite F5, dodajte nekoliko brojeva zajedno, a zatim kliknite ili dodirnite Clear da biste ponovno postavili zbroj.

Promjena izgleda gumba

Promjena oblika gumba

Prema zadanome, Power Apps stvara pravokutnu kontrolu za Button sa zaobljenim kutovima. Možete provoditi osnovne izmjene oblika kontrole Button podešavanjem njenih svojstava Height, Width i Polumjer.

1. Dodajte kontrolu Button i postavite njena svojstva Height i Width na 300 da biste napravili 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 kojih svaki počinje s kvadratnim gumbom veličine 300x300:

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

Promijenite boju gumba kada zadržite pokazivač iznad njega

Prema zadanome, boja ispune kontrole Button će se smanjiti za 20 % kada zadržite pokazivač iznad nje s mišem. Možete prilagoditi ovo ponašanje promjenom svojstva Ispunazadržavanjapokazivača, koja koristi funkciju ColorFade. Ako postavite formulu ColorFade na pozitivan postotak, boja postaje svijetlija kada zadržite pokazivač iznad gumba, dok negativni postotak čini boju tamnijom.

• Promijenite postotak ColorFade u svojstvu Ispunazadržavanjapokazivača jednog od gumba koji ste stvorili i promatrajte učinke.

Također možete navesti boju kontrole Button postavljanjem njenog svojstva Ispunazadržavanjapokazivača za formulu koja sadrži funkciju ColorValue umjesto funkcije ColorFade, kao u ColorValue("Crvena").

• Zamijenite funkciju ColorFade s funkcijom ColorValue u jednom od gumba koje ste stvorili i promatrajte učinke.

Smjernice za pristupačnost

Kontrast boje

• Primijenjuju se Standardni zahtjevi za kontrast boje.

Podrška za čitač zaslona

• Tekst mora postojati.

Podrška za tipkovnicu

• Indekskartica mora biti nula ili veći kako bi mu korisnici tipkovnice mogli pristupiti.
• Pokazatelji fokusa moraju biti jasno vidljivi. Koristite FocusedBorderColor i FocusedBorderThickness da biste to postigli.