Drobės programų duomenų formos maketo supratimas
Kurdami „Power Apps“ drobės programą galite lengvai sukurti patrauklią ir efektyvią formą. Pavyzdžiui, šią pagrindinę formą galite naudoti pardavimo užsakymams įrašyti.
Šioje mokymo priemonėje atliksime šios formos kūrimo veiksmus. Taip pat peržiūrėsime tam tikras sudėtingesnes temas, pvz., dinaminius laukų dydžius, skirtus užpildyti turimą vietą.
Prieš pradedant
Jei esate naujas „Power Apps“ vartotojas (arba jei programas generavote tik automatiškai), prieš skaitydami į šį straipsnį turėtumėte sukurti programą nuo pradžių. Kurdami programą nuo pradžių, galėsite susipažinti su reikiamomis sąvokomis, pvz., duomenų šaltinių ir valdiklių įtraukimu, kurios šiame straipsnyje yra paminėtos, bet ne aptartos.
Šis straipsnis parašytas taip, lyg turėtumėte duomenų šaltinį pavadinimu Pardavimo užsakymas, kuriame yra ankstesnio grafinio elemento laukų. Jei vienam vartotojui, programai ar bandomosios versijos licencijai ir sistemos administratoriaus ar sistemos pritaikymo vartotojo teisėmis turite teisę, galite sukurti lentelę „Power Apps“ panašiuose laukuose „Microsoft Dataverse“ ir juos įtraukti.
Galerijos įtraukimas
Kurkite planšetinio kompiuterio programą nuo pradžių ir įtraukite duomenų šaltinį.
Visa šiame straipsnyje aptariama informacija taip pat taikoma telefonų maketams, bet telefonų programose dažnai pateikiamas tik vienas vertikalus stulpelis.
Įtraukite vertikalų valdiklį Galerija ir nustatykite jo ypatybę Elementai į parinktį Pardavimo užsakymas.
(Neprivaloma) Norėdami sugretinti šios mokomosios priemonės pavyzdžius, pakeiskite galerijos maketą, kad būtų rodomas tik Pavadinimas ir titrai.
Galerijoje spustelėkite arba bakstelėkite SO004.
Šis įrašas bus rodomas formoje, kurią kuriate atlikdami šiame straipsnyje nurodytus veiksmus.
Pavadinimo juostos pridėjimas
Įtraukite tuščią ekraną, kuriame galėsite įdėti formą.
Kai nenaudojate šios mokomosios priemonės, galite įtraukti valdiklius Galerija ir Redaguoti formą tame pačiame ekrane, tačiau turėsite daugiau vietos, jei juos įtrauksite į atskirus ekranus.
Naujo ekrano viršuje įtraukite valdiklį Žyma ir nustatykite jo ypatybę Tekstas į šią išraišką:
Pardavimo užsakymas ir Gallery1.Selected.SalesOrderIdŽyma rodo įrašo, kurį pasirinkote galerijoje, pardavimo užsakymo numerį.
(Neprivaloma) Formatuokite etiketę, kaip nurodyta toliau.
Nustatykite jos ypatybę Lygiavimas į parinktį Centre.
Nustatykite jos ypatybę Dydis į parinktį 20.
Nustatykite jos ypatybę Užpildymas į parinktį Tamsiai mėlyna.
Nustatykite jos ypatybę Spalva į parinktį Balta.
Nustatykite jos ypatybę Plotis į parinktį Parent.Width.
Nustatykite jos ypatybes X ir Y į parinktį 0.
Formos įtraukimas
Įtraukite valdiklį Redaguoti formą, tada perkelkite ir pakeiskite jo dydį, kad galėtumėte užpildyti ekraną po žyma.
Atlikdami kitą veiksmą prijungsite formos valdiklį prie duomenų šaltinio Pardavimo užsakymas naudodami dešiniąją sritį, o ne formulės juostą. Jei naudojate formulės juostą, forma pagal numatytuosius parametrus nerodys jokių laukų. Visada galite rodyti visus norimus laukus pasirinkdami vieną arba daugiau žymės langelių dešiniojoje srityje.
Dešiniojoje srityje spustelėkite arba bakstelėkite rodyklę žemyn šalia parinkties Duomenų šaltinis nepasirinktas, tada spustelėkite arba bakstelėkite Pardavimo užsakymas.
Numatytasis laukų rinkinys iš duomenų šaltinio Pardavimo užsakymas bus rodomas paprastame trijų stulpelių makete. Tačiau daugelis jų yra tušti ir gali užtrukti iki kelių minučių, kol jie bus galutinėje padėtyje.
Nustatykite formos ypatybę Elementas į parinktį Gallery1.Selected.
Formoje rodomas įrašas, kurį pasirinkote galerijoje, tačiau numatytasis laukų rinkinys gali nesutapti su jūsų galutiniu produktu.
Dešiniojoje srityje paslėpkite visus šiuos laukus atžymėdami jų žymės langelius.
- Pardavimo užsakymo ID
- Klientas
- Pardavėjas
- Kliento kontaktas
Perkelkite lauką Užsakymo būsena nuvilkdami jį į kairę ir tada numesdami jį kitoje lauko Kliento pirkimo užsakymo nuoroda pusėje.
Jūsų ekranas turi būti panašus į šį pavyzdį:
Duomenų kortelės pasirinkimas
Kiekvienas rodomas laukas turi atitinkamą formos duomenų kortelę. Šioje kortelėje yra lauko pavadinimo valdiklių, įvesties laukas, žvaigždutė (kuri rodoma, jei laukas yra būtinas) ir tikrinimo klaidos pranešimas.
Taip pat galite pasirinkti korteles pačioje formoje. Pasirinkus kortelę virš jos rodoma juoda antraštė.
Pastaba
Norėdami panaikinti kortelę (o ne tik ją paslėpti), pasirinkite ją, tada paspauskite Naikinti.
Kortų išdėstymas stulpeliuose
Pagal numatytuosius parametrus planšetinių kompiuterių programų formose yra trys stulpeliai, o telefonų programose – vienas. Galite nurodyti ne tik tai, kiek stulpelių yra formoje, bet ir tai, ar visos kortelės turi tilpti tarp stulpelio kraštinių.
Šiame grafiniame elemente stulpelių skaičius formoje pakeistas iš trijų į keturis ir pažymėtas žymės langelis Prisegti prie stulpelių. Formos kortelės išdėstytos automatiškai, kad tilptų naujame makete.
Kortelių dydžio keitimas keliuose stulpeliuose
Priklausomai nuo duomenų kiekvienoje kortelėje, kai kurios kortelės tilps viename stulpelyje, o kitos kortelės – keliuose stulpeliuose. Jei kortelėje yra daugiau duomenų, nei norite rodyti viename stulpelyje, galite išplėsti kortelę ją pažymėdami ir vilkdami kairėje arba dešinėje žymėjimo lauko kraštinėje esančią suėmimo rankenėlę. Kai velkate rankenėlę, kortelė bus įstatyta tarp stulpelio kraštinių.
Jei norite, kad dizainas būtų lankstesnis, bet norite išlaikyti tam tikrą struktūrą, galite padidinti stulpelių skaičių iki 12. Atlikę šį pakeitimą galite lengvai konfigūruoti kiekvieną kortelę, kad ji būtų pateikiama visoje formoje, formos pusėje, trečdalyje, ketvirtadalyje, šeštojoje dalyje ir kt. Pažiūrėkime, kaip tai vykdoma.
Dešiniojoje srityje nustatykite formos stulpelių skaičių į 12.
Forma nėra pastebimai keičiama, tačiau matysite daugiau fiksavimo taškų, kai vilksite kairę arba dešinę suėmimo rankenėlę.
Padidinkite kortelės Užsakymo data plotį vilkdami suėmimo rankenėlę ant dešinio fiksavimo taško į dešinę.
Ši kortelė apima keturis iš 12 formos stulpelių (arba 1/3 formos), o ne tik tris 12 formos stulpelių (arba 1/4 formos). Kai padidinsite kortelės plotį vienu fiksavimo tašku, kortelė apima papildomą 1/12 formos dalį.
Pakartokite ankstesnį žingsnį naudodami korteles Užsakymo būsena ir Kliento pirkimo užsakymo nuoroda.
Pakeiskite kortelių Pavadinimas ir Aprašas dydį, kad jos apimtų šešis formos stulpelius (arba 1/2).
Išplėskite pirmas dvi pristatymo adreso eilutes per visą formą.
Viskas atlikta. Turime norimą formą, derindami eilutes su skirtingais stulpelių skaičiais.
Kortelės valdiklių valdymas
Į pristatymo adresą įtraukta tam tikra informacija, kurią norime vizualiai sugrupuoti ir pateikti vartotojui. Kiekvienas laukas liks savo duomenų kortelėje, tačiau mes galime valdyti valdiklius kortelėje, kad jie geriau tiktų vienas prie kito.
Pasirinkite kortelę Pirma pristatymo adreso eilutė, toje kortelėje pasirinkite žymą, tada panaikinkite pirmus tris žodžius iš teksto.
Pasirinkite kortelę Antra pristatymo adreso eilutė, toje kortelėje pasirinkite žymą, tada panaikinkite visą jos tekstą.
Galite norėti pašalinti žymos valdiklį ir daugeliu atvejų tai gali pavykti. Tačiau formulės gali priklausyti nuo esamo valdiklio. Saugiau yra pašalinti tekstą arba nustatyti valdiklio ypatybę Matoma į parinktį false.
Toje pačioje kortelėje perkelkite teksto įvesties laukelį ant žymos, kad būtų sumažintas tarpas tarp pirmos ir antros adreso eilučių.
Kortelės aukštis sumažėja, kai jo turinys užima mažiau vietos.
Dabar galime pereiti prie trečios adreso eilutės. Atlikime veiksmą, panašų į ką tik atliktą veiksmą – sutrumpinkite visų šių kortelių žymų tekstą ir sutvarkykite teksto įvesties laukelį taip, kad jis būtų dešinėje kiekvienos žymos pusėje. Toliau pateikiami veiksmai, skirti kortelei Būsena.
Veiksmas | Aprašas | Rezultatas |
---|---|---|
1 | Pasirinkite kortelę Būsena, kad aplink ją būtų rodomos suėmimo rankenėlės. | |
2 | Pasirinkite šios kortelės žymą, kad aplink ją būtų rodomos suėmimo rankenėlės. | |
3 | Perkelkite žymiklį į dešinę nuo teksto, tada panaikinkite dalį, kurios mums nereikia. | |
4 | Naudodami suėmimo rankenėles šoninėse pusėse, keiskite žymės valdiklio dydį, kad jis atitiktų naujo dydžio tekstą. | |
5 | Pasirinkite teksto įvesties valdiklį šioje kortelėje. | |
6 | Naudodami suėmimo rankenėles šoninėse pusėse, keiskite teksto įvesties valdiklio dydį pagal poreikį. | |
7 | Nuvilkite teksto įvesties lauką į viršų ir dešinę žymos valdiklio pusę, tada atleiskite teksto įvesties lauką. | |
Dabar kortelės Būsena pakeitimai yra baigti. |
Visos trečios adreso eilutės rezultatas:
Daugelyje kortelių iš pradžių naudojamos dinaminės jų ypatybių formulės. Pavyzdžiui, valdiklio Teksto įvestis, kurio dydis buvo pakeistas ir kuris buvo perkeltas aukščiau, ypatybė Plotis buvo pagrįsta jo pirminio objekto pločiu. Kai perkeliate valdiklį arba keičiate jo dydį, šios dinaminės formulės pakeičiamos statinėmis reikšmėmis. Jei norite, galite atkurti dinamines formules naudodami formulės juostą.
Fiksavimo stulpeliuose išjungimas
Kartais reikia kontrolės, kuri yra tikslesnė nei naudojant standartinius 12 stulpelių. Šiais atvejais galite išjungti parinktį Fiksuoti stulpeliuose, o tada neautomatiškai keisti kortelių padėtį. Forma toliau bus fiksuojama 12 stulpelių, tačiau taip pat galite laikyti nuspaudę klavišus ALT arba CTRL ir SHIFT, kai pradėsite keisti dydį arba padėtį, kad nepaisytumėte fiksavimo taškų. Daugiau informacijos žr. alternatyvios elgsenos spartieji klavišai.
Mūsų pavyzdyje visi keturi komponentai, kurie sudaro trečią adreso eilutę, yra tokio paties pločio. Tačiau tai gali būti ne geriausias maketas, nes miestų pavadinimai yra ilgesni nei būsenų santrumpos, o šalių / regionų teksto įvesties laukelis yra trumpas dėl jo žymos ilgio. Norėdami optimaliai išnaudoti šią erdvę, išjunkite parinktį Fiksuoti stulpeliuose dešiniojoje srityje ir tada laikykite nuspaudę klavišus ALT arba CTRL ir SHIFT, kai pradėsite keisti šių kortelių dydį ir padėtį.
Atidžiai pakeitus padėtį, visi laukai yra tinkamo dydžio ir netgi horizontalūs tarpai tarp laukų yra tinkami.
Apibendrinant, koks skirtumas tarp įjungtos ir išjungtos parinkties Fiksuoti stulpeliuose?
Veikimo būdas | Fiksavimas stulpeliuose įjungtas | Fiksavimas stulpeliuose išjungtas |
---|---|---|
Fiksavimo taškų dydžio keitimas į | Pasirinktų stulpelių skaičius: 1, 2, 3, 4, 6, arba 12 |
12 stulpelių |
Fiksavimo taškų dydžio keitimo galima nepaisyti | Ne | Taip, su klavišais ALT arba CTRL ir SHIFT, pradėjus keisti dydį |
Kortelės automatiškai iš naujo išdėstomos tarp eilučių (daugiau apie tai – vėliau) | Taip | Ne |
Pločio ir aukščio nustatymas
Formos maketą apibrėžia kortelės valdiklių ypatybės – kaip ir visus kitus „Power Apps“ elementus. Kaip jau aprašyta, galite keisti šių ypatybių reikšmes vilkdami valdiklius į skirtingas vietas arba vilkdami suėmimo rankenėles, kad pakeistumėte valdiklių dydį. Tačiau bus situacijų, kuriose norėsite tiksliau suprasti ir valdyti šias ypatybes, ypač kurdami dinamines formas pagal formules.
Pagrindinis maketas: X, Y ir plotis
Ypatybės X ir Y valdo kortelių padėtį. Kai valdikliai naudojami neapdorotoje drobėje, šios ypatybės nurodo absoliučią padėtį. Formoje šios ypatybės turi skirtingą reikšmę.
- X: užsakymas eilutėje.
- Y: eilutės numeris.
Panašiai į valdiklius drobėje, ypatybė Plotis nurodo mažiausią kortelės plotį (daugiau apie minimalų aspektą – netrukus).
Peržiūrėkime mūsų formos kortelių ypatybes X, Y ir Plotis.
Perpildytos eilutės
Kas nutinka, jei kortelės eilutėje yra per plačios, kad tilptų toje eilutėje? Paprastai nereikia nerimauti dėl šios galimybės. Kai parinktis Fiksuoti stulpeliuose įjungta, šios trys ypatybės bus automatiškai pritaikytos taip, kad viskas tinkamai tilptų eilutėse ir jos nebūtų perpildytos.
Tačiau išjungus parinktį Fiksuoti stulpeliuose arba kai vienoje arba keliose kortelėse yra formule pagrįsta ypatybė Plotis, eilutė gali būti perpildyta. Tokiu atveju kortelės bus automatiškai keliamos taip, kad iš esmės būtų sukurta kita eilutė. Pavyzdžiui, patys pakeiskite mūsų kortelės Kliento pirkimo užsakymo nuoroda ypatybę Plotis (pirma eilutė, trečias elementas) į 500.
Trys viršutinėje eilutėje esančios kortelės nebetelpa horizontaliai, o kita eilutė sukurta perpildytai informacijai pateikti. Visų šių kortelių Y koordinatė išlieka tokia pati – 0, o kortelių Pavadinimas ir Aprašas Y koordinatė vis dar yra 1. Kortelės, kurių Y reikšmės nesutampa, nėra sujungiamos eilutėse.
Galite naudoti šią elgseną kurdami visiškai dinaminį maketą, kuriame kortelės išdėstomos pagal Z tvarką, užpildant vietą kiek įmanoma labiau, prieš pereinant prie kitos eilutės. Norint tai padaryti, visų kortelių Y reikšmė turi būti vienoda, o X koordinatė turi būti naudojama nustatant kortelių tvarką.
Vietos užpildymas: WidthFit
Paskutinio pavyzdžio perpildymas sukūrė tarpą po kortelės Užsakymo būsena, kuri buvo antra kortelė pirmoje eilutėje. Galime neautomatiškai pakoreguoti dviejų likusių kortų ypatybes Plotis ir užpildyti šią vietą, tačiau šis metodas yra nuobodus.
Kaip alternatyvą naudokite ypatybę WidthFit. Jei ši ypatybė nustatyta į parinktį true vienoje ar daugiau eilutės kortelių, likusi vietos dalis eilutėje bus tolygiai padalinta. Dėl šios priežasties anksčiau minėjome, kad kortelės ypatybė Plotis yra minimali ir matomas vaizdas gali būti platesnis. Dėl šios ypatybės kortelė niekada nesusitrauks, o tik išsiplės.
Jei nustatysime, kad WidthFit į parinktį true kortelėje Užsakymo būsena, bus užpildyta laisva vieta, o pirma kortelė nepasikeis.
Jei taip pat nustatysime WidthFit į parinktį true kortelėje Užsakymo data, abi kortelės tolygiai pasidalys laisvą vietą.
Šių kortelių suėmimo rankenėlės paiso papildomą plotį, kurį suteikia ypatybė WidthFit, o ne mažiausią plotį, kurį suteikia ypatybė Plotis. Naudoti ypatybę Plotis gali būti painu, kai įjungta ypatybė WidthFit; galite ją išjungti, pakeisti ypatybę Plotis ir vėl ją įjungti.
Kada ypatybė WidthFit gali būti naudinga? Jei tam tikrą lauką naudojate tik tam tikrose situacijose, galite nustatyti jo ypatybę Matoma į parinktį false, o kitos eilutės kortelės automatiškai užpildys vietą aplink jį. Galite naudoti formulę, kurioje rodomas laukas, tik jei kitame lauke nurodyta tam tikra reikšmė.
Čia nustatysime lauko Užsakymo būsena ypatybę Matoma į statinę parinktį false.
Pašalinus antrą kortelę, trečia kortelė dabar gali būti grąžinta į tą pačią eilutę kaip pirma kortelė. Pirmos kortelės ypatybė WidthFit vis dar nustatyta į parinktį true, todėl tik ji plečiasi ir užpildo laisvą vietą.
Kadangi Užsakymo būsena yra nematoma, negalima jos taip lengvai pasirinkti drobėje. Tačiau galite pasirinkti bet kurį valdiklį, matomą arba ne, kairėje ekrano pusėje esančiame valdiklių hierarchiniame sąraše.
Aukštis
Ypatybė Aukštis reguliuoja kiekvienos kortelės aukštį. Kortelėms priskirta WidthFit lygiavertė ypatybė Aukštis, todėl jos visada nustatomos kaip true. Įsivaizduokite, kad ypatybė HeightFitypatybė nustatyta, bet neieškokite jos produkte, nes tokia ypatybė dar rodoma.
Negalima išjungti šios elgsenos, todėl kortelių aukštumo keitimas gali būti sudėtingas. Visos eilutės kortelės atrodo tokio paties aukščio kaip ir aukščiausia kortelė. Eilutę galima peržiūrėti, kaip nurodyta toliau.
Dėl kurios kortelės eilutė tapo aukštesnė? Ankstesniame grafiniame elemente kortelė Bendra suma yra pasirinkta ir rodoma aukštai, tačiau jos ypatybė Aukštis nustatyta į 80 (atitinka pirmos eilutės aukštį). Norėdami sumažinti eilutės aukštį, turite sumažinti aukščiausios kortelė toje eilutėje aukštį, ir negalite nustatyti aukščiausios kortelės neperžiūrėję kiekvienos kortelės ypatybės Aukštis.
AutoHeight
Be to, kortelė gali būti aukštesnė, nei tikėjotės, jei joje yra valdiklis, kurio ypatybė AutoHeight nustatyta į parinktį true. Pavyzdžiui, daugelyje kortelių yra žyma, kurioje rodomas klaidos pranešimas, jei lauko reikšmė sukelia tikrinimo problemą.
Jei nėra rodytino teksto (nėra klaidos), žyma sutraukiama iki nulinio aukščio. Jei to nežinotumėte, nenumanytumėte, kad ji yra ten, – taip ir turėtų būti.
Kairėje ekrano pusėje valdiklių sąrašas rodo ErrorMessage1, o tai yra mūsų žymos valdiklis. Kai atnaujinate programą, galite pasirinkti šį valdiklį, kad jis būtų aukštesnis ir būtų rodomos suėmimo rankenėlės, kurias naudodami galite keisti valdiklio padėtį ir dydį. Mėlyname laukelyje esanti raidė „A“ nurodo, kad valdiklio ypatybė AutoHeight nustatyta į parinktį true.
Šio valdiklio ypatybė Tekstas nustatoma į parinktį Parent.Error, naudojama dinaminių klaidų informacijai gauti pagal tikrinimo taisykles. Pavyzdys: statiškai nustatykite šio valdiklio ypatybę Tekstas, kuri padidins jo aukštį (ir, išplėtus, – kortelės aukštį), kad tilptų teksto ilgis.
Šiek tiek pailginkime klaidos pranešimą ir valdiklis bei kortelė vėl padidės, kad prisitaikytų. Bendrai didėja eilutės aukštis, išlaikant vertikalų lygiavimą tarp kortelių.
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).