Control buton în Power Apps

Un control pe care utilizatorul îl poate face clic sau atinge pentru a interacționa cu aplicația.

Descriere

Configurați proprietatea OnSelect a unui control Buton pentru a rula una sau mai multe formule atunci când utilizatorul face clic sau atinge controlul.

Proprietăți cheie

OnSelect - Acțiuni de efectuat atunci când utilizatorul atinge sau face clic pe un control.

Text - Textul care apare într-un control sau pe care utilizatorul l-a tastat într-un control.

Proprietăți suplimentare

Align - locația textului în relație cu centrul orizontal al controlului său.

AutoDisableOnSelect - dezactivează automat controlul în timp ce rulează comportamentul OnSelect .

BorderColor - culoarea bordurii unui control.

BorderStyle - dacă bordura unui control este Compactă, Întreruptă, Punctată sau Fără.

BorderThickness - grosimea bordurii unui control.

Culoare - Culoarea textului dintr-un control.

ContentLanguage - limba conținutului controlului, dacă este diferită de containerul controlului.

DisplayMode - dacă controlul permite introducerea utilizatorului (Editare), afișează doar datele (Vizualizare) sau este dezactivat (Dezactivat).

DisabledBorderColor - culoarea bordurii unui control dacă proprietatea DisplayMode a controlului este setată la Dezactivat.

DisabledColor - culoarea textului dintr-un control dacă proprietatea DisplayMode este setată la Dezactivat.

DisabledFill - culoarea de fundal a unui control dacă proprietatea DisplayMode este setată la Dezactivat.

FocusedBorderColor - culoarea bordurii unui control atunci când controlul este focalizat.

FocusedBorderThickness - grosimea bordurii unui control atunci când controlul este focalizat.

Umplere - culoarea de fundal a unui control.

Font - numele familiei de fonturi în care apare textul.

FontWeight - grosimea textului dintr-un control: Aldin, Semibold, Normal sau Mai deschis.

Înălțime – Distanța dintre marginile superioare și inferioare ale unui control.

HoverBorderColor - culoarea bordurii unui control atunci când utilizatorul păstrează indicatorul mouse-ului pe acel control.

HoverColor - culoarea textului dintr-un control atunci când utilizatorul păstrează indicatorul mouse-ului pe acesta.

HoverFill - culoarea de fundal a unui control atunci când utilizatorul păstrează indicatorul mouse-ului pe acesta.

Cursiv - dacă textul dintr-un control este cursiv.

PaddingBottom - distanța dintre textul dintr-un control și marginea de jos a controlului respectiv.

Umplere - distanța dintre textul dintr-un control și marginea din stânga a controlului respectiv.

SpaddingRight - distanța dintre textul dintr-un control și marginea din dreapta a controlului respectiv.

PaddingTop - distanța dintre textul dintr-un control și marginea de sus a controlului respectiv.

Apăsare - Adevărat în timp ce se apasă un control, fals în caz contrar.

PressedBorderColor - culoarea bordurii unui control atunci când utilizatorul atinge sau face clic pe acel control.

PressedColor - culoarea textului dintr-un control atunci când utilizatorul atinge sau face clic pe acel control.

ApăsareFill - culoarea de fundal a unui control atunci când utilizatorul atinge sau face clic pe acel control.

RadiusBottomLeft – gradul în care este rotunjit colțul din stânga jos al unui control.

RadiusBottomRight - gradul în care se rotunjește colțul din dreapta jos al unui control.

RazăTopLeft – gradul în care se rotunjește colțul din stânga sus al unui control.

RazăTopRight - gradul în care se rotunjește colțul din dreapta sus al unui control.

Size - Dimensiunea fontului textului care apare într-un control.

Tăiere text cu o linie - dacă apare o linie prin textul care apare într-un control.

TabIndex – Ordinea navigării cu ajutorul tastaturii în relație cu alte controale.

SfatEcran - text explicativ care apare atunci când utilizatorul trece peste un control.

Subliniere - dacă o linie apare sub textul care apare pe un control.

VerticalAlign - locația textului dintr-un control în relație cu centrul vertical al controlului respectiv.

Vizibil - dacă apare sau este ascuns un control.

Lățime – Distanța dintre marginile din stânga și din dreapta ale unui control.

X – Distanța dintre marginea stângă a unui control și marginea stângă a containerului său părinte (ecran dacă nu există un container părinte).

Y – Distanța dintre marginea superioară a unui control și marginea superioară a containerului părinte (ecran dacă nu există un container părinte).

Funcții asociate

Navigare( ScreenName, ScreenTransitionValue )

Exemple

Adăugarea unei formule de bază la un buton

1. Adăugați un control Intrare text și numiți-l Sursă.

   Nu știi cum să adăugi, să denumești și să configurezi un control?

2. Adăugați un control Buton , setați proprietatea Text la "Adăugare" și setați proprietatea OnSelect la această formulă:
   UpdateContext({Total:Total + Valoare(Sursă.Text)})

   Doriți mai multe informații despre funcția UpdateContext sau alte funcții?

3. Adăugați un control Etichetă , setați proprietatea Text în bara de formule la Value(Total), apoi apăsați F5.

4. Goliți textul implicit din Sursă, tastați un număr în acesta, apoi faceți clic sau atingeți Adăugare.

   Controlul Etichetă afișează numărul tastat.

5. Goliți numărul din Sursă, tastați alt număr în acesta, apoi faceți clic sau atingeți Adăugare.

   Controlul Etichetă afișează suma celor două numere tastate.

6. (opțional) Repetați pasul anterior de una sau mai multe ori.

7. Pentru a reveni la spațiul de lucru implicit, apăsați Esc (sau atingeți sau faceți clic pe pictograma închidere din colțul din dreapta sus).

Configurarea unui buton cu mai multe formule

Adăugați o formulă care golește controlul de intrare Text între intrări.

1. Setați proprietatea HintText a Sursei la "Introduceți un număr".

2. Setați proprietatea OnSelect a opțiunii Adăugare la această formulă:

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

   Notă

   Separați formulele multiple cu punct și virgulă ";".

3. Setați proprietatea Default a Source la ClearInput.

4. Apăsați F5, apoi testați aplicația adăugând mai multe numere.

Adăugați un alt buton pentru a reseta totalul

Adăugați un al doilea buton pentru a goli totalul dintre calcule.

1. Adăugați un alt control Buton , setați proprietatea Text la "Golire" și setați proprietatea OnSelect la această formulă:

   UpdateContext({Total:0})

2. Apăsați F5, adunați mai multe numere, apoi faceți clic sau atingeți Golire pentru a reseta totalul.

Modificarea aspectului unui buton

Modificarea formei unui buton

În mod implicit, Power Apps creează un control buton dreptunghiular cu colțuri rotunjite. Puteți efectua modificări de bază la forma unui control Buton setând proprietățile sale Înălțime, Lățime și Rază .

Notă

Pictogramele și formele oferă o gamă largă de proiectări și pot efectua unele dintre aceleași funcții de bază pe care le efectuează controalele butonului . Totuși, pictogramele și formele nu au o proprietate Text .

1. Adăugați un control Buton și setați proprietățile Înălțime și Lățime la 300 pentru a crea un buton pătrat mare.

2. Modificați proprietățile RadiusTopLeft, RadiusTopRight, RadiusBottomLeft și RadiusBottomRight pentru a ajusta cantitatea de curbură din fiecare colț. Iată câteva exemple de forme diferite, fiecare începând de la un buton pătrat de 300 x 300:

   • Setați toate cele patru valori rază la 150 pentru a crea un cerc.
   • Setați valorile pentru RadiusTopLeft și RadiusBottomRight la 300 pentru a crea un buton în formă de frunză.
   • Setați valorile pentru RadiusTopLeft și RadiusTopRight la 300 și valorile pentru RadiusBottomLeft și RadiusBottomRight la 100 pentru a crea un buton în formă de tabulator.

Modificarea culorii unui buton atunci când treceți cu mouse-ul peste acesta

În mod implicit, culoarea de umplere a unui control Buton se va estompa la 20% atunci când treceți cu mouse-ul peste acesta. Puteți ajusta acest comportament modificând proprietatea HoverFill , care utilizează funcția ColorFade . Dacă setați formula ColorFade la un procent pozitiv, culoarea devine mai deschisă atunci când treceți cu mouse-ul peste buton, în timp ce un procent negativ face culoarea mai închisă.

• Modificați procentul ColorFade din proprietatea HoverFill a unuia dintre butoanele pe care le-ați creat și observați efectele.

De asemenea, puteți specifica culoarea unui control Buton setând proprietatea HoverFill la o formulă care conține funcția ColorValue în locul funcției ColorFade , ca în ColorValue("Roșu").

Notă

Valoarea culorii poate fi orice definiție de culoare CSS, fie un nume, fie o valoare hex.

• Înlocuiți funcția ColorFade cu o funcție ColorValue într-unul dintre butoanele pe care le-ați creat și observați efectele.

Instrucțiuni de accesibilitate

Contrast culori

• Se aplică cerințele standard de contrast al culorilor .

Asistență pentru cititor de ecran

• Textul trebuie să fie prezent.

Suport pentru tastatură

• TabIndex trebuie să fie zero sau mai mare, astfel încât utilizatorii tastaturii să poată naviga la el.
• Indicatorii de focalizare trebuie să fie vizibili clar. Utilizați FocusedBorderColor și FocusedBorderThickness pentru a realiza acest lucru.