Afișarea datelor cu galerii

Introducere în Power Apps

Luise Freese

Azure & Power Platform Architect

Adăugarea unei surse de date cu SharePoint

Panoul de date → + Add data → SharePoint
Alege site-ul, apoi lista
Lista apare ca sursă de date

Panoul de date din Power Apps cu SharePoint căutat, afișând conectorul SharePoint ca prim rezultat

Galerii cu înălțime flexibilă

Galerie Power Apps cu trei rânduri de sarcini cu titlu și subtitlu, fiecare rând dimensionat automat în funcție de conținut

Rândurile se extind pentru a încăpea conținutul
Fără titluri sau etichete de stare trunchiate
Setarea implicită pentru aplicațiile canvas moderne

Personalizarea șablonului

Selectează rândul șablon (cardul de sus)
Fiecare control din șablon folosește ThisItem.Column
Editezi o dată, toate rândurile se actualizează

Galerie Power Apps în modul de editare a șablonului, cu eticheta titlului selectată și bara de formule afișând ThisItem.Title, astfel încât fiecare rând își arată propriul titlu al sarcinii

Citirea unei valori cu Text()

Text(ThisItem.DueDate, "[$-en-US]mmm d")

Scrie . după un obiect pentru a vedea proprietățile și coloanele sale
Valorile au tipuri: Text, Number, Boolean, Date/Time, Record, Table
ThisItem.DueDate este o dată, deci Text() o formatează ca Jun 15
[$-en-US] setează limba, mmm d setează formatul

Formatare condiționată

Culoarea unui control poate depinde de datele rândului
Folosește If() în proprietatea Color a unei etichete
De exemplu:

If(ThisItem.Priority = "High", Color.Red, Color.Gray)

Galerie Power Apps cu eticheta Priority colorată prin If(ThisItem.Priority = High, Red, Gray), afișând High în roșu pe două rânduri și Medium în gri

Evidențierea DueDate

Formatezi datele în același mod:

If(ThisItem.DueDate < Today(), Color.Red, Color.Black)

Rândurile restante ies în evidență instant

Galerie Power Apps cu eticheta datei limită colorată prin If(ThisItem.DueDate < Today(), Red, Black), afișând datele trecute în roșu și o dată viitoare în negru

Stări goale

Ecran al aplicației care arată o stare goală cu o iconiță prietenoasă de ceașcă de cafea și mesajul "No matching tasks" centrat pe ecran

Afișează un mesaj prietenos când galeria este goală
Folosește Visible = IsEmpty(Gallery1.AllItems) pe o etichetă substitut
Funcționează pentru date lipsă și zero rezultate la filtrare

O colecție acum, un conector la serviciu

În aceste exerciții, rândurile tale se află într-o colecție
La organizația ta, te-ai conecta la o listă SharePoint sau similar
Fiecare concept de galerie funcționează la fel

Diagramă: o listă SharePoint și o colecție din aplicație alimentează ambele aceeași galerie Power Apps, arătând că galeria funcționează la fel indiferent de sursă

Hai să exersăm!

Introducere în Power Apps