Instrucțiuni de proiectare a aplicațiilor

Controale moderne

Controalele moderne din aplicațiile canvas reprezintă un progres semnificativ în dezvoltarea și proiectarea interfețelor utilizator în cadrul ecosistemului Microsoft. Bazate pe sistemul Fluent Design de la Microsoft, aceste controale sunt concepute pentru a oferi o experiență de utilizator rapidă, orientată spre performanță și accesibilă, asigurând în același timp o integrare perfectă cu capacitățile de creare a temelor. Introducerea acestor controale, inclusiv liste de file, bare de progres, butoane de informații, butoane rotative și multe altele, subliniază o schimbare strategică către crearea de aplicații mai intuitive, receptive și atractive din punct de vedere vizual. Prin utilizarea acestor controale moderne, dezvoltatorii pot implementa cu ușurință elemente sofisticate ale interfeței utilizator, care sunt atât plăcute din punct de vedere estetic, cât și bogate din punct de vedere funcțional, sporind implicarea și satisfacția generală a utilizatorului.

Designul inerent al acestor controale, ținând cont de teme, permite un aspect și o funcționalitate unificate și consecvente în toate aplicațiile, reducând semnificativ efortul necesar pentru personalizarea și brandingul aplicațiilor. Capacitatea de a actualiza automat stilurile tuturor controalelor pe baza temei setate simplifică procesul de proiectare și asigură coerența vizuală a aplicațiilor. Acest lucru se aliniază perfect cu nevoile afacerilor moderne care doresc să mențină consecvența mărcii, oferind în același timp experiențe digitale de înaltă calitate. Controalele moderne pun, de asemenea, accentul pe accesibilitate și performanță, asigurând că aplicațiile sunt utilizabile de către o gamă largă de public, inclusiv de către cei cu dizabilități, în conformitate cu principiile designului incluziv. Prin urmare, controalele moderne din aplicațiile canvas nu sunt doar un set de componente ale interfeței utilizator, ci un set de instrumente transformatoare care permite dezvoltatorilor să construiască aplicații mai eficiente, mai ușor de întreținut, mai accesibile și mai coerente, care să răspundă nevoilor în continuă evoluție ale companiilor și utilizatorilor deopotrivă.

Important

Deși un subset al controalelor moderne din aplicațiile pe pânză a fost pus la dispoziția publicului larg (GA), setul mai larg de funcții rămâne în versiune preliminară. Vă încurajăm să explorați și să oferiți feedback cu privire la aceste controale de previzualizare. Totuși, este important să rețineți că caracteristicile și funcționalitățile lor pot fi rafinate pe baza feedback-ului și a testelor înainte de a ajunge la disponibilitatea generală.

Designul și instrucțiunile formularelor

Organizați-vă formularul

• Împărțiți formularul în secțiuni logice și grupați câmpurile corelate.
• Încercați să păstrați formularul pe un singur ecran. Dacă este lung, luați în considerare împărțirea lui în mai multe ecrane, pași sau file.
• Folosiți un limbaj clar și simplu pentru etichetele câmpurilor, evitând termenii sau jargonul nefamiliar.
• Implementați reguli de validare pentru a asigura acuratețea datelor. Pentru câmpurile obligatorii, indicați clar că acestea sunt obligatorii. Validați adresele de e-mail, numerele de telefon și alte formate, după cum este necesar.

Reutilizați formularele

• Utilizați un singur formular pentru crearea de înregistrări noi, editarea înregistrărilor existente și afișarea înregistrărilor în modul doar vizualizare.
• Reutilizarea aceluiași formular reduce timpul de dezvoltare și întreținere, asigurând în același timp consecvența.

Moduri de formular

Setați modul formularului dinamic în funcție de acțiunile utilizatorului. De exemplu:

• Când creați o înregistrare nouă, setați formularul în modul „Nou”.
• Când editați o înregistrare existentă, setați formularul în modul „Editare”.
• Când afișați o înregistrare, setați formularul în modul „Vizualizare”.

Plasarea controlului

• Plasați diferite controale (cum ar fi galeria, formularul de afișare și formularul de editare) pe ecrane separate pentru a le face ușor de distins.
• Combinați aceste controale cu formule pentru a crea o experiență coerentă pentru utilizator.

Containere

Pe măsură ce aplicația pânză crește în dimensiune pentru a aborda mai multe scenarii de business, numărul de controale continuă să crească și este necesar să se organizeze controalele în funcție de funcția pe care o îndeplinesc. O modalitate ușoară de a face acest lucru este să selectați controalele împreună și să le grupați într-un grup. Totuși, gruparea controalelor nu este întotdeauna recomandată. Controlul aplicației pânză poate conține un set de controale și are propriile proprietăți. Container

Containerele funcționează ca spații goale unde puteți insera și organiza controale în raport cu colțul din stânga sus al containerului. Aveți flexibilitatea de a imbrica containere, permițând crearea de machete mai complexe și oferind libertate în design.

Containerele sunt controale reale cu propriile proprietăți, cum ar fi Width și BorderColor. Containerele afectează aspectul aplicației și ajută utilizatorii cititoarelor de ecran să înțeleagă structura aplicației.

Deși puteți adăuga orice controale într-un grup, ar trebui să adăugați doar controale legate logic într-un container.

Organizarea elementelor în Power Apps grupuri permite utilizatorilor să aplice proprietăți comune mai multor elemente. Totuși, efectuarea de modificări ale proprietăților individuale în cadrul unui grup poate necesita ajustări manuale. În plus, grupurile nu sunt prezente în structura logică a unei aplicații din motive de accesibilitate, deoarece cititoarele de ecran nu le pot recunoaște. În plus, incapacitatea de a imbrica grupuri face dificilă crearea de machete mai complexe.

Designul și instrucțiunile galeriei

Evitați modificarea elementelor galeriei din interior

Evitați modificarea proprietății Items unei galerii în cadrul evenimentelor controalelor copil, cum ar fi OnChange sau OnSelect. Acest lucru poate duce la un comportament neașteptat, mai ales atunci când se lucrează cu anumite controale care declanșează evenimente atunci când valorile lor se modifică.

Fiți precauți cu controalele declanșate de OnChange

Fiți precauți când utilizați comenzi precum Caseta combinată, Selectorul de dată, Cursorul sau Comutarea în galerii. Aceste controale pot declanșa OnChange eveniment pe neașteptate, ducând la potențiale probleme precum bucle infinite.

Impactul performanței asupra aplicării patch-urilor

Fiți atenți la impactul asupra performanței atunci când aplicați corecții sau actualizați elemente dintr-o galerie, în special atunci când lucrați cu un număr mare de elemente. Aplicarea patch-urilor poate fi lentă, iar galeria poate reîncărca toate elementele, afectând performanța.

Gestionați buclele infinite cu grijă**

Dacă modificarea datelor galeriei declanșează evenimente care duc la bucle infinite, luați în considerare utilizarea controalelor moderne sau a controalelor care nu declanșează OnChange când datele lor se modifică pentru a rupe bucla.

Evitați galeriile imbricate

Galeriile imbricate pot duce la probleme de performanță și la legături complexe de date.

Ori de câte ori este posibil, evitați galeriile de cuibărit. În schimb, încearcă să-ți proiectezi structura de date și să utilizezi funcțiile într-un mod optimizat.

Folosește galerii cu înălțime flexibilă

Galeriile cu înălțime fixă pot duce la o vizibilitate limitată a conținutului, în special atunci când se lucrează cu date dinamice.

Folosește galerii cu înălțime flexibilă prin setarea Height proprietate către Parent.Height sau o valoare dinamică bazată pe datele dvs. Acest lucru asigură că galeria își ajustează înălțimea pentru a acomoda cantități variabile de date.

Optimizați încărcarea datelor

La optimizarea încărcării datelor în Power Apps, este posibil să doriți să preluați și să afișați doar coloanele necesare într-o galerie, în loc să recuperați întregul set de date.

Iată un exemplu despre cum puteți realiza acest lucru: Presupunând că aveți o colecție EmployeeData cu mai multe coloane și doriți să afișați doar coloanele „Nume” și „Departament” într-o galerie.

// Collection named ProductSales with sample sales data

ClearCollect(ProductSales, 
    Table(
        { ProductName: "Phone", UnitPrice: 499.99, QuantitySold: 100 },
        { ProductName: "Laptop", UnitPrice: 999.99, QuantitySold: 50 },
        { ProductName: "Tablet", UnitPrice: 299.99, QuantitySold: 75 }
    )
)

// Bind the gallery to display only the "ProductName" and "QuantitySold" columns

Gallery1.Items = ShowColumns(ProductSales, ProductName, QuantitySold)

Obțineți mai multe informații despre cele mai bune practici pentru Galerie.

Construirea de componente reutilizabile

Când se creează componente de cod personalizate folosind Power Apps Cadrul de componente (PCF)

Power Platform permite crearea de componente reutilizabile prin Power Apps Cadrul de componente (PCF). Mai multe detalii aici .

Iată câteva scenarii în care ați putea lua în considerare crearea de componente PCF în Power Apps:

Elemente complexe ale interfeței utilizator

Când trebuie să creați elemente complexe de interfață cu utilizatorul sau controale care nu sunt disponibile imediat în controalele standard. Power Apps

Controale personalizate pentru cerințe specifice

Când aplicația ta are cerințe specifice care nu sunt îndeplinite de controalele predefinite și trebuie să creezi controale personalizate adaptate nevoilor tale.

Experiență consistentă pentru utilizator în toate aplicațiile

Când doriți să mențineți o experiență consistentă pentru utilizator în mai multe medii prin încapsularea funcționalităților specifice într-o componentă PCF. Power Apps

Reutilizabilitate în aplicații

Când anticipezi nevoia de a reutiliza o anumită funcționalitate sau un element de interfață cu utilizatorul în mai multe aplicații, crearea unei componente PCF îți permite să construiești o singură dată și să o reutilizezi.

Implementarea logicii avansate

Când trebuie să implementați logică de business avansată sau calcule care depășesc capacitățile formulelor sau funcțiilor standard din Power Apps.

Experiență îmbunătățită a utilizatorului

Când urmărești să îmbunătățești experiența generală a utilizatorului prin crearea de componente interactive și atractive din punct de vedere vizual, care nu sunt realizabile cu controalele implicite.

Pasul următor

Reguli de design responsive