Duomenų rodimas, rūšiavimas ir filtravimas drobės programų galerijoje

Galite sukurti galeriją, kurioje būtų rodomi vaizdai ir tekstas apie keletą produktų, ir tą informaciją rikiuoti bei filtruoti.

Programoje „Power Apps“ naudodami galeriją, galite rodyti kelis susijusius elementus, lygiai taip pat, kaip kataloge. Galerijos puikiai tinka informacijai apie produktus, pvz., pavadinimams ir kainoms, rodyti. Šioje temoje sukuriame galeriją ir rikiuojame bei filtruojame informaciją naudodami į „Excel“ panašias funkcijas. Be to, kai pažymimas elementas, aplink jį nubrėžiama kraštinė.

Pastaba

Šioje temoje naudojama planšetinių kompiuterių programa. Galite naudoti telefonų programą, tačiau reikės pakeisti kai kurių valdiklių dydį.

Būtinosios sąlygos

• Prisiregistruokite naudoti „Power Apps“, tada prisijunkite naudodami registracijos metu pasirinktą prisijungimo informaciją.
• Planšetinių kompiuterių programą galite sukurti pagal šabloną, duomenis arba nuo pradžių.
• Sužinokite, kaip sukonfigūruoti valdiklį.
• Atliekant šiuos veiksmus kaip įvesties duomenų pavyzdys naudojamas CreateFirstApp, kuriame yra. jpg vaizdų. „Zip“ faile yra XML failas, kurį galima konvertuoti į „Excel“. Kitaip „Power Apps“ automatiškai nuskaito .zip failus ir juos sėkmingai importuoja. Galite atsisiųsti ir naudoti šiuos pavyzdinius duomenis arba importuoti savus.

Duomenų rodymas galerijoje

1. Naudodami pavyzdinius duomenis, sukurkite rinkinį pavadinimu Atsargos. Reikia atlikti tolesnius veiksmus.

   1. Skirtuke Įterpti pasirinkite Valdikliai, tada pasirinkite Importuoti.

      

   2. Importavimo valdiklio ypatybę OnSelect nustatykite kaip šią formulę:
      Collect(Inventory, Import1.Data)

      

   3. Pasirinkite mygtuką Importuoti duomenis, kad atidarytumėte „Windows Explorer“. Pasirinkite CreateFirstApp.zip ir Atidaryti.

   4. Meniu Failas pasirinkite Rinkiniai. Pateikiamas rinkinys Atsargos su jūsų importuotais duomenimis:

      

      Ką tik sukūrėte rinkinį Atsargos, kuriame pateikiama informacija apie penkis produktus, įskaitant dizaino vaizdą, produkto pavadinimą ir atsargose esančių vienetų skaičių.

      Pastaba

      Importavimo valdiklis naudojamas norint importuoti „Excel“ duomenis ir kurti rinkinį. Importavimo valdiklis importuoja duomenis, kai kuriate savo programą ir peržiūrite programą. Šiuo metu importavimo valdiklis neimportuoja duomenų, kai publikuojate programą.

2. Pasirinkdami rodyklę Atgal, grįžkite į dizaino įrankį.

3. Skirtuke Įterpti spustelėkite arba bakstelėkite Galerija, tada – galeriją Horizontali.

   

4. Dešiniojoje srityje spustelėkite arba bakstelėkite parinktį, kurioje antraštė ir paantraštė persidengia su grafiku:

   

5. Galerijos ypatybę Elementai nustatykite kaip Atsargos:

   

6. Galeriją pervardykite į ProductGallery ir perkelkite, kad ji neblokuotų kitų valdiklių. Pakeiskite galerijos dydį, kad joje būtų rodomi trys produktai:

   

7. Pirmajame galerijos elemente pasirinkite apatinę žymą:

   

   Pastaba

   Pakeitę pirmąjį bet kurios galerijos elementą, automatiškai pakeičiate visus kitus galerijos elementus.

8. Žymos ypatybę Text nustatykite kaip šį reiškinį:
   ThisItem.UnitsInStock
   

   Tai atlikus, žymoje rodomi atsargose esantys kiekvieno produkto vienetai:

Pastaba

Numatyta, kad viršutinės žymos ypatybė Text yra nustatyta kaip ThisItem.ProductName. Ją galite pakeisti į bet kurį kitą rinkinio elementą. Pavyzdžiui, jei rinkinyje yra laukai ProductDescription ar Price, žymą galite nustatyti kaip ThisItem.ProductDescription arba ThisItem.Price.

Atlikę šiuos veiksmus, į rinkinį importavote duomenų su .jpg vaizdais. Tada įtraukėte galeriją, kurioje duomenys rodomi, ir sukonfigūravote žymą, rodančią atsargose esančius kiekvieno produkto vienetus.

Pasirinkto galerijos elemento paryškinimas

1. Pasirinkite bet kurį galerijos elementą, išskyrus pirmąjį. Rodoma redagavimo piktograma (viršutiniame kairiajame kampe). Pasirinkite redagavimo piktogramą:
   

2. Skirtuke Įterpti pasirinkite Figūros, tada pasirinkite stačiakampį. Kiekviename galerijos elemente rodomas mėlynas vientisas stačiakampis.

3. Skirtuke Pagrindinis pasirinkite Užpildymas, tada – Neužpildyti.

4. Pasirinkite Kraštinė, Kraštinės stilius, tada pasirinkite vientisą liniją.

5. Dar kartą pasirinkite Kraštinė ir nustatykite storį „3“. Pakeiskite stačiakampio dydį taip, kad jis apsuptų galerijos elementą. Galerijos elementai dabar turi mėlyną kraštinę ir turi atrodyti panašiai, kaip:
   

6. Skirtuke Figūra pasirinkite Matoma, tada formulės juostoje įveskite šią formulę:

   If(ThisItem.IsSelected, true)

   Tuo metu galerijoje pasirinką elementą apsupa mėlynas stačiakampis. Pasirinkite keletą galerijos elementų, kad įsitikintumėte, jog stačiakampis rodomas aplink kiekvieną pasirinktą elementą. Atminkite, kad taip pat galite atidaryti kad pamatytumėte ir patikrintumėte, ką kuriate.

Patarimas

Pasirinkite stačiakampį, skirtuke Pagrindinis pasirinkite Pertvarkyti, tada – Siųsti į galą. Naudodami šią funkciją, galerijos elementą galite pasirinkti taip, kad kraštinė nieko neblokuotų.

Atlikę šiuos veiksmus, aplink šiuo metu pasirinktą galerijos elementą įtraukėte kraštinę.

Galerijos elementų rikiavimas ir filtravimas

Atlikdami šiuos veiksmus, galerijos elementus surikiuosime didėjimo ir mažėjimo tvarka. Taip pat įtrauksime slankiklio valdiklį, kad galerijos elementai būtų „filtruojami“ pagal jūsų pasirinktus atsargose esančius vienetus.

Rikiavimas didėjimo arba mažėjimo tvarka

1. Pasirinkite bet kurį galerijos elementą, išskyrus pirmąjį.

2. Ypatybė Items šiuo metu yra nustatyta kaip Atsargos (jūsų rinkinio pavadinimas). Ją pakeiskite į:

   Sort(Inventory, ProductName)

   Kai tai padarysite, galerijos elementai rūšiuojami pagal produkto pavadinimą didėjimo tvarka:

   Išbandykite mažėjimo tvarką. Galerijos ypatybę Items nustatykite kaip šią formulę:

   Sort(Inventory, ProductName, Descending)

Slankiklio valdiklio įtraukimas į galeriją ir elementų filtravimas

1. Įtraukite valdiklį Slankiklis (skirtukas Įterpti > Valdikliai), jį pervardykite į StockFilter ir perkelkite po galerija.

2. Sukonfigūruokite slankiklį taip, kad vartotojai negalėtų nustatyti jo reikšmės, nepatenkančios į atsargose esančių vienetų intervalą.

   1. Skirtuke Turinys pasirinkite Min., tada įveskite šį reiškinį:
      Min(Inventory, UnitsInStock)
   2. Skirtuke Turinys pasirinkite Maks., tada įveskite šį reiškinį:
      Max(Inventory, UnitsInStock)

3. Pasirinkite bet kurį galerijos elementą, išskyrus pirmąjį. Galerijos ypatybę Items nustatykite kaip šį reiškinį:
   Filter(Inventory, UnitsInStock<=StockFilter.Value)

4. Naudodami peržiūrą, slankiklio reikšmę pakoreguokite į reikšmę tarp didžiausio ir mažiausio kiekio galerijoje. Kai koreguojate slankiklį, galerijoje rodomi tik tie produktai, kurių reikšmė yra mažesnė nei jūsų pasirinkta reikšmė:
   

Dabar filtrą papildykime:

1. Grįžkite į dizaino įrankį.
2. Skirtuke Įterpti pasirinkite Tekstas, Įvesties tekstas ir naująjį valdiklį pervardykite į NameFilter. Teksto valdiklį perkelkite po slankikliu.
3. Galerijos ypatybę Items nustatykite kaip šį reiškinį:
   Filter(Inventory, UnitsInStock<=StockFilter.Value && NameFilter.Text in ProductName)
4. Naudodami peržiūrą, slankiklį nustatykite kaip 30 ir teksto įvesties valdiklyje įveskite raidę g. Galerijoje rodomas vienintelis produktas, kurio atsargose yra mažiau nei 30 vienetų ir kurio pavadinime yra raidė „g“:
   

Patarimai

• Bet kuriuo metu galite pasirinkti peržiūros mygtuką (), kad pamatytumėte, ką sukūrėte, ir išbandykite.
• Projektuodami programą, galite keisti valdiklių dydį ir juos perkelti spustelėdami ir vilkdami.
• Paspauskite ESC arba pasirinkite X, kad uždarytumėte peržiūros langą.
• Naudodami galeriją pasirinkite pirmąjį galerijos elementą, kad pakeistumėte visus galerijos elementus. Pavyzdžiui, pasirinkite pirmąjį elementą, jei kraštinę norite įtraukti visuose galerijos elementuose.
• Norėdami atnaujinti galerijos ypatybes, pasirinkite bet kurį galerijos elementą, išskyrus pirmąjį. Pavyzdžiui, pasirinkite antrąjį elementą, jei norite atnaujinti ypatybes Items, ShowScrollBar ir kt., taikomas galerijai (ne galerijos elementams).

Ką sužinojote

Šioje temoje atlikote tolesnius veiksmus.

• Sukūrėte rinkinį, į jį importavote duomenų su .jpg vaizdais ir juos parodėte galerijoje.
• Po kiekvienu galerijos vaizdu sukonfigūravote žymą, išvardijančią to elemento atsargose esančius vienetus.
• Aplink pasirinktą elementą įtraukėte kraštinę.
• Surikiavote elementus pagal produkto pavadinimą didėjimo ir mažėjimo tvarka.
• Įtraukėte slankiklį ir įvesties teksto valdiklį, kad produktai būtų filtruojami pagal atsargose esančius vienetus ir produkto pavadinimą.

Pastaba

Ar galite mums pranešti apie dokumentacijos kalbos nuostatas? Atlikite trumpą apklausą. (atkreipkite dėmesį, kad ši apklausa yra anglų kalba)

Apklausą atliksite per maždaug septynias minutes. Asmeniniai duomenys nėra renkami (privatumo nuostatos).