Prikaz, sortiranje i filtriranje podataka u galeriji aplikacije sa podlogom

Napravite galeriju za prikaz slika i teksta o nekoliko proizvoda i sortirajte i filtrirajte te informacije.

U Power Apps možete da koristite galeriju za prikaz nekoliko povezanih stavki, baš kao što vidite u katalogu. Galerije su odlične za prikazivanje informacija o proizvodima, poput naziva i cena. U ovoj temi kreiramo galeriju i sortiramo i filtriramo informacije koristeći funkcije kao u programu Excel. Takođe, kada je izabrana stavka, oko nje se postavlja ivica.

Belešku

Ova tema koristi aplikaciju za tablete. Možete da koristite aplikaciju za telefon, ali ćete morati da promenite veličinu nekih kontrola.

Preduslovi

• Prijavite se Power Apps, a zatim se prijavite koristeći iste akreditive koje ste koristili za prijavljivanje.
• Kreirajte tablet aplikaciju iz šablona, iz podataka ili od nule.
• Naučite kako da konfigurišete kontrolu.
• Ovi koraci koriste CreateFirstApp kao uzorak ulaznih podataka, koji uključuju .jpg slike. Datoteka zip uključuje XML datoteku koja se može konvertovati u Excel. U suprotnom, Power Apps automatski čita datoteke u .zip datotekama i uspešno ih uvozi. Možete preuzeti i koristiti ove probne podatke ili uvesti svoje.

Prikaži podatke u galeriji

1. Kreirajte kolekciju pod nazivom Inventar koristeći podatke uzorka. U korake spada sledeće:

   1. Na kartici Ubaciti izaberite Kontrole, a zatim izaberite Uvoz:

      

   2. Podesite svojstvo OnSelect kontrole uvoza na sledeću formulu:
      Prikupljanje(Inventar, Import1.Data)

      

   3. Izaberite dugme Uvoz podataka da biste otvorili Vindovs Ekplorer. Izaberite CreateFirstApp.zip, a zatim izaberite Otvori.

   4. U meniju Fajl izaberite Kolekcije. Kolekcija Inventar je navedena sa podacima koje ste uvezli:

      

      Upravo ste kreirali kolekciju inventara koja sadrži informacije o pet proizvoda, uključujući dizajnersku sliku, naziv proizvoda i broj jedinica na lageru.

      Belešku

      Kontrola uvoza se koristi za uvoz podataka nalik podacima iz programa Excel i kreiranje kolekcije. Kontrola uvoza uvozi podatke tokom kreiranja aplikacije i pregleda aplikacije. Trenutno kontrola uvoza ne uvozi podatke kada objavite aplikaciju.

2. Izaberite strelicu za povratak da biste se vratili u dizajner.

3. Na kartici Umetanje kliknite ili dodirnite Galerija, a zatim kliknite ili dodirnite Horizontalna galerija .

   

4. U desnom oknu kliknite ili dodirnite opciju u kojoj naslov i podnaslovi prekrivaju grafiku:

   

5. Podesite osobinu Stavke galerije na Inventar:

   

6. Preimenujte galeriju u ProductGallery i premestite galeriju tako da ne blokira druge kontrole. Promenite veličinu galerije tako da prikazuje tri proizvoda:

   

7. U prvoj stavci galerije izaberite donju oznaku:

   

   Belešku

   Kada promenite prvu stavku u bilo kojoj galeriji, automatski menjate i sve ostale stavke u galeriji.

8. Podesite Tekst osobinu oznake na sledeći izraz:
   ThisItem.UnitsInStock
   

   Kada to uradite, oznaka prikazuje jedinice na skladištu za svaki proizvod:

Belešku

Podrazumevano, osobina Tekst gornje oznake je podešena na ThisItem.ProductName. Ovo možete promeniti u bilo koju drugu stavku u vašoj kolekciji. Na primer, ako vaša kolekcija ima polja ProductDescription ili Price , možete podesiti oznaku na ThisItem.ProductDescription ili ThisItem.Price.

Pomoću ovih koraka uvezete podatke koji uključuju .jpg slike u kolekciju. Zatim ste dodali galeriju koja prikazuje podatke i konfigurisali oznaku za prikaz jedinica na zalihama za svaki proizvod.

Markirajte stavku galerije koju ste odabrali

1. Izaberite bilo koju stavku u galeriji osim prve. Prikazuje se ikona za uređivanje (gornji levi ugao). Izaberite ikonu za uređivanje:
   

2. Na Ubaci karticu, izaberite Oblici, a zatim izaberite pravougaonik. Plavi čvrsti pravougaonik pojavljuje se u svakoj stavci galerije.

3. Na kartici Početna izaberite Popuniti , a zatim izaberite Bez popunjavanja.

4. Izaberite Border, izaberite Border Style, a zatim izaberite punu liniju.

5. Izaberite Granica ponovo i podesite debljinu na 3. Promenite veličinu pravougaonika tako da okružuje stavku galerije. Predmeti u vašoj galeriji sada imaju plavu ivicu i trebalo bi da izgledaju slično:
   

6. Na kartici Oblik , izaberite Vidljivo, a zatim unesite sledeću formulu u traku formule:

   If(ThisItem.IsSelected, true)

   Plavi pravougaonik okružuje trenutni izbor u galeriji. Izaberite nekoliko stavki galerije da biste potvrdili da se pravougaonik pojavljuje oko svake stavke koju odaberete. Zapamtite, takođe možete otvoriti Pregled da biste videli i testirali šta stvarate.

Napojnica

Izaberite pravougaonik, izaberite Reorder na Početna tab, a zatim izaberite Pošalji nazad. Koristeći ovu funkciju, možete izabrati stavku galerije, a da ivica ništa ne blokira.

Koristeći ove korake, dodali ste ivicu oko trenutnog izbora u galeriji.

Sortiranje i filtriranje stavki u galeriji

U ovim koracima ćemo sortirati stavke u galeriji u uzlaznom i silaznom redosledu. Takođe, dodaćemo kontrolu klizača da biste „filtrirali“ stavke galerije prema jedinicama na zalihama koje odaberete.

Sortiranje rastućim ili opadajućim redosledom

1. Izaberite bilo koju stavku u galeriji osim prve.

2. Osobina Stavke je trenutno podešena na Inventar (ime vaše kolekcije). Promenite ga u sledeće:

   Sort(Inventar, ProductName)

   Kada to uradite, stavke u galeriji su sortirane po nazivu proizvoda u rastućem redosledu:

   Isprobajte opadajući redosled. Podesite osobinu Stavke galerije na sledeću formulu:

   Sortiraj (inventar, naziv proizvoda, opadajući)

Dodajte kontrolu klizača i filtriranje stavki u galeriju

1. Dodajte kontrolu klizača (Insert tab >Controls), preimenujte je u StockFilter i premestite je ispod galerije.

2. Konfigurišite klizač tako da ga korisnici ne mogu postaviti na vrednost izvan raspona jedinica na zalihama:

   1. Na kartici Sadržaj izaberite Min, a zatim unesite sledeći izraz:
      Min(Inventory, UnitsInStock)
   2. Na kartici Sadržaj izaberite Mak, a zatim unesite sledeći izraz:
      Max(Inventory, UnitsInStock)

3. Izaberite bilo koju stavku u galeriji osim prve. Podesite osobinu Stavke galerije na sledeći izraz:
   Filter(Inventory, UnitsInStock<=StockFilter.Value)

4. U Pregledu , podesite klizač na vrednost koja je između najveće i najniže količine u galeriji. Dok podešavate klizač, galerija prikazuje samo one proizvode koji su manji od vrednosti koju odaberete:
   

Sada, dodajmo u naš filter:

1. Vratite se u dizajner.
2. Na kartici Ubaciti izaberite Tekst, izaberite Ulazni tekst i preimenujte novu kontrolu u NameFilter. Pomerite tekstualnu kontrolu ispod klizača.
3. Podesite osobinu Stavke galerije na sledeći izraz:
   Filter(Inventory, UnitsInStock<=StockFilter.Value && NameFilter.Text in ProductName)
4. U Pregledu, podesite klizač na 30, i upišite slovo g u kontrolu unosa teksta. Galerija prikazuje jedini proizvod sa manje od 30 jedinica na lageru i ima ime sa slovom "g":
   

Saveti i trikovi

• U bilo kom trenutku možete da izaberete dugme za pregled () da biste videli šta ste kreirali i testirali ga.
• Prilikom dizajniranja aplikacije, možete ponovo da promenite veličinu kontrola i pomerate ih koristeći klik i prevlačenje.
• Pritisnite ESC ili izaberite Ks da biste zatvorili prozor za pregled.
• Kada koristite galeriju, izaberite prvu stavku u galeriji da biste promenili sve stavke u galeriji. Na primer, izaberite prvu stavku da biste dodali ivicu svim stavkama u galeriji.
• Da biste ažurirali osobine galerije, izaberite bilo koju stavku u galeriji osim prve. Na primer, izaberite drugu stavku da biste ažurirali Items, ShowScrollbar i druge osobine koje se odnose na galeriju (ne na stavke u galeriji).

Šta ste naučili

U ovoj temi ste uradili sledeće:

• Kreirali ste kolekciju, uvezli podatke koji uključuju .jpg slike u tu kolekciju i prikazali podatke u galeriji.
• Pod svakom slikom u galeriji konfigurisali ste oznaku koja navodi jedinice na lageru za tu stavku.
• Dodali ste ivicu oko stavke koju ste izabrali.
• Sortirali ste stavke po nazivu proizvoda u rastućem i opadajućem redosledu.
• Dodali ste klizač i kontrolu unosa teksta za filtriranje proizvoda po jedinicama na lageru i nazivu proizvoda.