Diagrame, grafice și imagini dinamice PowerApps

În acest tutorial, ne vom uita la modul în care diagramele și imaginile PowerApps pot îmbunătăți aplicațiile noastre.

Imaginile și vizualizările nu se adaugă doar la aspectul general al aplicației la care lucrați. De asemenea, vă fac aplicația să arate mai profesională.

De asemenea, mulți oameni înțeleg mai bine datele atunci când sunt prezentate vizual. Aceasta înseamnă că aplicația dvs. este, de asemenea, mai eficientă atunci când sunt utilizate diagrame, grafice și alte forme de imagini.

Cuprins

• Utilizarea imaginilor dinamice în PowerApps
• Utilizarea diagramelor și graficelor PowerApps
• Utilizarea variabilelor de colecție în diagramele PowerApps
• Concluzie

Utilizarea imaginilor dinamice în PowerApps

Să începem prin a vedea cum putem folosi imagini dinamice în PowerApps. Vom aplica aceste imagini la o galerie.

Pentru acest exemplu, vom folosi un material de referință numit Estimări pentru podele. Acest tabel, pe care îl vom folosi ca sursă de date, are coloane pentru Nume, Categorie, Preț și URL imagine.

Deci, să mergem la fila surse de date, să facem clic pe Conectori și să mergem la OneDrive, deoarece acolo este salvat fișierul.

Vom alege fișierul corect aici.

Apoi, trebuie să ne asigurăm că aducem tabelul potrivit. În acest caz, avem un singur tabel atașat la acel fișier Excel.

Deoarece am atașat anterior numele celorlalte tabele ca Table1 din alte surse de date, veți vedea că cel pe care tocmai l-am folosit acum apare ca Table1_2.

Acum, să adăugăm o galerie și să alegem un șablon vertical.

Odată ce galeria apare pe ecran, o putem muta oriunde avem nevoie sau o putem redimensiona după cum este necesar.

Deoarece am atașat deja Tabelul1_2 la această aplicație, acum îl putem vedea ca o opțiune în Sursa de date.

Datele din tabel apar acum în galeria noastră.

Rețineți că este normal ca utilizatorii să ajungă la acest ecran și să nu vadă date în galerie. În astfel de cazuri, tot ce trebuie să facem este să reîmprospătăm sursa de date.

Pentru a reîmprospăta sursa de date, vom avea nevoie de un buton care va folosi funcția de reîmprospătare. După cum puteți vedea, aceasta se referă la Tabelul 1_2.

Aceasta înseamnă pur și simplu că funcția de reîmprospătare va fi aplicată acelui tabel specific la care facem referință.

Dacă ne uităm la această galerie, putem vedea că în prezent subtitlul arată coloana ImageURL, în timp ce titlul arată coloana Categorie.

Să schimbăm subtitrarea în Preț și Titlul în Nume.

În ceea ce privește imaginea, veți vedea că nu există nicio opțiune pentru a selecta în mod dinamic imaginea aleasă de noi. Prima opțiune ne permite să adăugăm un fișier imagine, dar a face acest lucru individual pentru fiecare articol va consuma mult timp.

Dacă alegem un fișier existent, cum ar fi această imagine a unui vultur, acesta va popula toate sloturile de imagine pentru întreaga galerie. Evident, nu vrem să apară aceeași imagine aici.

Dorim ca fiecare articol să arate imaginea specifică pe care o reprezintă aceste adrese URL de imagine din sursa noastră de date.

Pentru a face acest lucru dinamic, haideți să selectăm un articol din galerie și să alegem o imagine din meniul derulant al proprietății de sus. Momentan, este egal cu „vultur”, care este fișierul pe care l-am ales mai devreme.

În schimb, vom folosi ThisItem.ImageURL.

Practic, aceasta face referire la fiecare articol specific din galerie și primește adresa URL a imaginii atașată acestuia.

Acum, galeria arată diferitele imagini care provin de la adresele URL din sursa noastră de date.

Acest lucru adaugă atât de multă funcționalitate oricărei aplicații la care lucrăm. În acest caz, vedem o listă de produse în care clienții pot vedea cum arată fiecare articol.

Dar dacă lucrăm la o aplicație care are o listă de clienți, de exemplu, putem folosi aceeași abordare și putem avea imagini cu fiecare persoană afișată în galerie pentru a le recunoaște mai ușor.

Utilizarea diagramelor și graficelor PowerApps

De data aceasta, să încercăm să adăugăm diagrame în aplicația noastră. Aceasta este o altă reprezentare vizuală a datelor care ne poate ajuta să facem aplicația noastră mai captivantă.

Fără îndoială, utilizarea plăcilor LuckyTemplates este cea mai bună modalitate de a adăuga diagrame PowerApps la orice aplicație.

Orice utilizator LuckyTemplates știe că unul dintre punctele forte ale platformei este ușurința cu care se pot realiza vizualizări. Prin urmare, este mai ușor să creați diagrama în LuckyTemplates, apoi să o utilizați ca țiglă în PowerApps. În acest fel, utilizatorii pot interacționa cu diagrama sau graficul ca și cum l-ar folosi în LuckyTemplates.

Desigur, există diagrame PowerApps încorporate pe care le putem folosi și. Cu toate acestea, aceste diagrame sunt toate statice, ceea ce ar putea afecta implicarea și funcționalitatea.

Cu toate acestea, aceste diagrame încorporate ar putea fi totuși utile dacă singurul dvs. obiectiv este să vizualizați un set de date mic sau dacă nu sunteți interesat să utilizați o diagramă mai dinamică.

Pentru a face asta, avem nevoie de o sursă de date. În acest exemplu, vom folosi aceste două coloane care arată Locația și Venitul.

Pentru a folosi aceasta ca sursă de date, trebuie să o convertim într-un tabel.

Acum că avem un tabel de utilizat, atașăm fișierul la PowerApps în același mod în care am făcut-o mai devreme. Iată fișierul numit LocationRevenue.

În ceea ce privește numele tabelului, acesta se numește și Table1.

Aceasta înseamnă că, odată ce îl alegem, va apărea ca Tabel1_3.

Când ne uităm la datele cu care lucrăm, putem vedea că un diagramă cu coloane ar fi cel mai bun format de utilizat.

Momentan, încă afișează datele eșantion implicite.

Va avea nevoie de o anumită sursă de date, care ar trebui să apară sub proprietatea Items.

Să folosim Tabelul1_3 pentru această diagramă.

Acum arată datele din tabel pe care le-am folosit ca sursă.

Ca orice alt element PowerApps, putem personaliza proprietățile diagramei. De exemplu, putem mări dimensiunea fontului un pic pentru a face mai ușor pentru utilizatori să vadă datele.

Utilizarea variabilelor de colecție în diagramele PowerApps

O altă modalitate de a afișa datele în diagrame este utilizarea variabilelor de colecție . Dacă ne uităm la documentația Microsoft PowerApps, aceasta arată un exemplu de formulă.

Înainte de a folosi această formulă, să adăugăm mai întâi un buton aici.

Sub proprietatea OnSelect, să copiem și să lipim formula din documentul MS. După cum puteți vedea, această formulă folosește funcția Collect și face referire la variabila Venituri. Această variabilă este apoi urmată de o listă de articole.

Să evidențiem graficul de data aceasta, să accesăm proprietatea Items și să o echivalăm cu Venituri.

Odată realizat acest lucru, de fiecare dată când facem clic pe butonul, acesta va afișa lista de articole asociate cu variabila Venituri.

Introducere Power Apps: Definiție, caracteristici, funcții și importanță
Medii Power Apps: Configurarea corectă a elementelor aplicației
Funcții și formule PowerApps | O introducere

Concluzie

Diagramele și imaginile adaugă cu siguranță mai multă valoare oricărei aplicații, mai ales atunci când sunt dinamice. Acestea pot ajuta utilizatorii să se simtă mai implicați atunci când folosesc aplicația.

Dar chiar dacă decideți să nu faceți nicio diagramă sau imagini dinamice, rețineți că acestea adaugă valoare la fel.

Simplul fapt că puteți adăuga o reprezentare vizuală a datelor îmbunătățește deja orice aplicație.

Toate cele bune,

Henry