Control buton în Power Apps

  • Articol

Un control pe care utilizatorul 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 - Text care apare pe un control sau pe care utilizatorul îl introduce într-un control.

Proprietăți suplimentare

Align - Locația textului în raport cu centrul orizontal al controlului său.

AutoDisableOnSelect - Dezactivează automat controlul în timp ce comportamentul OnSelect se execută.

BorderColor - Culoarea bordurii unui control.

BorderStyle - Dacă bordura unui control este de tip Continuu, Linii, Puncte sau Fără.

BorderThickness - Grosimea bordurii unui control.

Color - Culoarea textului unui control.

DisplayMode - Dacă controlul permite date introduse de utilizator (Editare), afișează numai datele (Vizualizare) sau este dezactivat (Dezactivat).

DisabledBorderColor - Culoarea marginii unui control, dacă proprietatea DisplayMode a controlului este setată la Dezactivat.

DisabledColor - Culoarea textului unui control, dacă proprietatea DisplayMode a acestuia este setată la Dezactivat.

DisabledFill - Culoarea de fond a unui control, dacă proprietatea DisplayMode a acestuia 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.

Fill - Culoarea de fond a unui control.

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

FontWeight – Grosimea textului într-un control: Bold, SemiBold, Normal sau Mai fin.

Height - Distanța dintre marginile superioare și inferioare ale unui control.

HoverBorderColor – Culoarea bordurii unui control atunci când utilizatorul menține indicatorul de mouse pe controlul respectiv.

HoverColor – Culoarea textului unui control atunci când utilizatorul menține indicatorul de mouse pe acesta.

HoverFill – Culoarea de fond a unui control atunci când utilizatorul menține indicatorul de mouse pe acesta.

Italic – Dacă textul dintr-un control este italic.

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

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

PaddingRight - 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.

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

PressedBorderColor – Culoarea bordurii unui control atunci când utilizatorul apasă sau face clic pe controlul respectiv.

PressedBorderColor – Culoarea textului unui control atunci când utilizatorul apasă sau face clic pe controlul respectiv.

PressedFill – Culoarea de fond a unui control atunci când utilizatorul apasă sau face clic pe controlul respectiv.

RadiusBottomLeft - Gradul la care este rotunjit colțul din stânga jos al unui control.

RadiusBottomRight – Gradul la care este rotunjit colțul din dreapta jos al unui control.

RadiusTopLeft – Gradul la care este rotunjit colțul din stânga sus al unui control.

RadiusTopRight – Gradul la care este rotunjit colțul din dreapta sus al unui control.

Size - Dimensiunea fontului textului care apare pe un control.

Strikethrough – Dacă textul care apare într-un control este tăiat cu o linie.

TabIndex – Comanda de navigare prin tastatură comparativ cu alte controale.

Tooltip - Text explicativ care apare atunci când utilizatorul deplasează indicatorul mouse-ului peste un control.

Underline – Dacă textul care apare într-un control este subliniat.

VerticalAlign - Locația textului unui control în raport cu centrul vertical al acestui control.

Visible - Dacă un control este vizibil sau ascuns.

Width - Distanța dintre marginea din stânga și cea din dreapta a unui control.

X- Distanța dintre marginea din stânga a unui control și marginea din stânga a containerului părinte al acestuia (a ecranului, dacă nu există un container părinte).

Y - Distanța dintre marginea de sus a unui control și marginea de sus a containerului părinte al acestuia (a ecranului, dacă nu există un container părinte).

Navigate( ScreenName, ScreenTransitionValue )

Exemple

Adăugați o formulă de bază la un buton

  1. Adăugați un control Text input și numiți-l Sursă.

    Nu știți cum să adăugați, numiți și configurați un control?

  2. Adăugați un control Buton, setați proprietatea sa Text în modul "Adăugați” și setați proprietatea sa OnSelect pentru această formulă:
    UpdateContext({Total:Total + Valoare(Source.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 Valoare (total), apoi apăsați F5.

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

    Controlul Label arată numărul pe care l-ați tastat.

  5. Ștergeți numărul din Sursă, tastați un alt număr în aceasta, apoi faceți clic pe sau atingeți Adăugare.

    Controlul Label arată suma celor două numere pe care le-ați tastat.

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

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

Configurați un buton cu mai multe formule

Adăugați o formulă care șterge controlul Introducere text între intrări.

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

  2. Setați proprietatea OnSelect a AddAdăugării la această formulă:

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

    Notă

    Separați mai multe formule cu punct și virgulă ";".

  3. Setați proprietatea Mod implicit a Sursei la ȘtergereIntrare.

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

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

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

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

    UpdateContext({Total:0})

  2. Apăsați F5, adăugați mai multe numere împreună, apoi faceți clic pe sau atingeți Ștergere pentru a reseta totalul.

Schimbați aspectul unui buton

Schimbați forma unui buton

În mod implicit, Power Apps creează un control Buton dreptunghiular, cu colțuri rotunjite. Puteți face modificări de bază ale formei unui control Buton prin setarea proprietăților acestuia Înălţime, Lăţime și Rază.

Notă

Pictograme și forme oferă o mare varietate de modele și poate îndeplini unele din aceleași funcții de bază pe care le asigură și controalele Buton. In orice caz, Pictograme și forme nu au o proprietate Text.

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

  2. Modificați proprietățile RazăStângaSus, RazăDreaptaSus, RazăStângaJos și RazăDreaptajos pentru a ajusta curbura în fiecare colț. Iată câteva exemple de forme diferite, fiecare pornind de la un buton pătrat de 300 x 300:

Schimbați culoarea unui buton când treceți peste el

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

  • Schimbați procentajul de ColorFade în proprietatea HoverFill a unuia dintre butoanele pe care le-ați creat și observați efectele.

De asemenea, puteți specifica culoarea unui control Button prin setarea proprietății acestuia HoverFill la o formulă care conține funcția ColorValue în loc de ColorFade ca în ColorValue("Red”).

Notă

Valoarea culorii poate fi oricare definire CSS a culorii, fie un nume, fie o valoare hex.

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

Orientări privind accesibilitatea

Contrast de culoare

Asistență pentru cititor de ecran

  • Text trebuie să fie prezent.

Suport tastatură

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

Notă

Ne puteți spune care preferințele dvs. lingvistice pentru documentație? Răspundeți la un chestionar scurt. (rețineți că acest chestionar este în limba engleză)

Chestionarul va dura aproximativ șapte minute. Nu sunt colectate date personale (angajament de respectare a confidențialității).