Formulare pop-up Power Apps pentru experiența interactivă a utilizatorului

În acest tutorial, vă voi arăta cum să creați un formular pop-up Power Apps și cum pot oferi o experiență de utilizator mai personalizată și mai interactivă. Puteți viziona videoclipul complet al acestui tutorial în partea de jos a acestui blog.

Ferestrele pop-up Form Power Apps sunt instrumente foarte puternice pentru a oferi o experiență personalizată pentru utilizatorii dvs. și le permite acestora să valideze ceva ce urmează să facă într-o bază de date subiacentă.

De exemplu, dacă mergeți pe iPhone și încercați să ștergeți o aplicație, acesta vă va întreba dacă sunteți sigur că doriți să o ștergeți. Motivul pentru aceasta este acela de a crea o interfață de utilizare foarte bună care conține pași de validare pentru a vă asigura că doriți să faceți acțiunea pe care o veți face.

Vom face același lucru în Power Apps. Este puțin dificil de făcut în Power Apps nativ, deoarece modul în care funcționează Power Apps este că aveți elemente care merg pe un ecran. Nu puteți avea un ecran suprapus peste alt ecran. Deci, ceea ce facem este să folosim o metodă de grupare pentru a imita asta. Vom intra acum în Power Apps și vă vom arăta cum se face.

Cuprins

• Cum se creează un formular pop-up Power Apps
• Concluzie

Cum se creează un formular pop-up Power Apps

Să intrăm în Editorul Power Apps. În acest exemplu, sunt în curs de a crea o aplicație de raportare a cheltuielilor pentru afacerea mea. În partea stângă a ecranului, am o galerie cu toate cheltuielile mele. Pot face clic pe o cheltuială și pot obține mai multe informații despre acea cheltuială în partea dreaptă.

Putem vedea mai multe informații despre acel raport de cheltuieli, cum ar fi descrierea, suma, categoria, starea și așa mai departe și așa mai departe.

În plus, pot face clic pe Editare, iar în partea de jos, există o pictogramă de coș de gunoi care îmi permite să șterg și această înregistrare.

Acum, vreau să creez un formular pop-up, astfel încât, dacă un utilizator intră și șterge o înregistrare, să apară o casetă de mesaj care să confirme dacă utilizatorul dorește sau nu să ștergă înregistrarea.

Primul lucru pe care îl voi face este să adaug un dreptunghi care va acoperi întregul ecran. Va părea că ecranul este puțin decolorat doar pentru a oglindi aspectul unui ecran unul deasupra celuilalt.

Deci, voi merge la Insert , apoi voi trece la Pictograme și voi merge până în jos la Rectangle. Mă voi asigura că dreptunghiul acoperă întregul ecran.

Următorul lucru pe care îl voi face este să schimb culoarea acestei forme în gri închis. Apoi voi merge la proprietatea Fill a acestui dreptunghi. Avem roșul, verdele și albastrul, dar avem și valoarea alfa, care reprezintă opacitatea sau transparența. Vom face transparența la 0,7, așa că pare că este oarecum decolorată.

Apoi, vom adăuga un alt dreptunghi, care va fi caseta noastră pop-up. Apoi, vom adăuga o etichetă, care este un fel de avertizare pentru utilizator. Putem schimba culorile și ajusta dimensiunea fontului.

Acum, vrem să arătăm utilizatorului înregistrarea pe care de fapt o va șterge. Deci, dorim valori, cum ar fi numele, suma și probabil categoria raportului de cheltuieli pe care urmează să o ștergă.

Pentru a face asta, să revenim la eticheta noastră și vom adăuga numele, suma și categoria. Înregistrarea pe care dorim să o arătăm se bazează pe înregistrarea care a fost selectată în galeria de bază. Galeria de bază aici se numește Galeria 1 . Deci, numele articolului care a fost selectat în galeria unu este pur și simplu Gallery1.Selected.Title . Suma va fi Gallery1.Selected.Amount , iar pentru categorie, va fi Gallery1.Selected.Status.Value

Vom adăuga apoi două butoane. Un buton va fi practic Ștergere , iar celălalt va fi doar Go Back . Vom ajusta și culoarea și dimensiunea.

Acum, trebuie să ne asigurăm că atunci când cineva dă clic pe pictograma coș de gunoi sau coș de gunoi, nu șterge înregistrarea, ci în schimb afișează această casetă pop-up. Pentru a realiza acest lucru, vom evidenția toate lucrurile din caseta noastră pop-up, facem clic dreapta și selectam Grup .

Acesta este unul dintre lucrurile grozave despre Power Apps. Ne permite să grupăm elemente împreună. Cu asta, a creat un grup numit Group1 .

Ceea ce este frumos este că, dacă modificați proprietatea unui grup, de exemplu, vizibilitatea, va afecta toate celelalte proprietăți. Este foarte frumos să ai așa ceva care să se potrivească. Este grozav să le grupăm pentru că putem controla toate proprietățile acelor elemente simultan.

De exemplu, vrem să controlăm vizibilitatea tuturor acestor proprietăți și să le facem „false” pentru moment, dispare.

Acum, să încercăm să selectăm pictograma de gunoi și, după cum puteți vedea când este selectată, face toate aceste funcții și, practic, aceste funcții se asigură că înregistrarea a fost ștearsă. Dar noi nu vrem asta. Deci, îl vom copia deocamdată și îl vom pune într-un bloc de note gol, doar ca să fie salvat undeva. Aceasta este funcția reală pe care am creat-o pentru a șterge înregistrarea și pur și simplu o vom șterge.

Și acum, vom crea o nouă variabilă care va controla când apare de fapt formularul. Să numim această variabilă funcția set. Să denumim variabila noastră, ConfirmPopUp și o vom seta la adevărat.

Apoi vom selecta grupul și vom seta proprietatea de vizibilitate la acea variabilă, care este ConfirmPopUp. Din moment ce este setat la adevărat, vedem totul.

Următorul lucru pe care îl vom face este să facem clic pe Întoarcere și vom avea o acțiune asociată cu clicul pe acesta. Când cineva selectează asta, dorim ca vizibilitatea Grupului 1 să fie falsă.

În continuare, trebuie să schimbăm acțiunea OnSelect a butonului Delete pentru a executa funcțiile pe care le-am salvat în notepad.

Ultimul lucru pe care trebuie să-l facem este după ce cineva a făcut clic pe butonul Ștergere, vrem să scăpăm și de pop-up-ul. Deci, vom adăuga o altă acțiune și vom seta variabila ConfirmPopUp la false. Și așa ați folosi ferestrele pop-up în Power Apps.

Microsoft Power Apps: Gruparea elementelor împreună
Medii Power Apps: Configurarea corectă a elementelor aplicației
Power Apps: Noțiuni introductive cu acest instrument revoluționar

Concluzie

Un motiv pentru a utiliza ferestrele pop-up Power Apps este acela de a crea o experiență personalizată pentru utilizatorii dvs. O alta este să creați un fel de validare și pentru utilizatorii dvs., deoarece este benefic pentru utilizatorii dvs.

Totul este să creați o interfață de utilizator pentru utilizatorii dvs., astfel încât aceștia să nu fie nevoiți să meargă la lista sau baza de date SharePoint de bază și să se confunde cu editarea și ștergerea anumitor lucruri. O pot face din siguranța unei interfețe de utilizare pe care ați creat-o pentru ei, astfel încât să nu încurce nimic. Formularele pop-up sunt un instrument puternic pentru a realiza acest lucru.

Anunțați-mă dacă aveți întrebări și lăsați comentarii în secțiunea de comentarii de mai jos.

Toate cele bune!

Henry