Medii Power Apps: Configurarea corectă a elementelor aplicației

În acest tutorial, vă voi arăta cum să vă aranjați corect mediile Power Apps.

Unul dintre cele mai mari avantaje ale utilizării Power Apps este numărul de opțiuni de personalizare, permițându-vă să decideți cum să aranjați totul. Scopul aici este de a vă ajuta să vă familiarizați mai bine cu fiecare parte a mediului Power Apps, astfel încât să puteți maximiza utilizarea aplicației.

Așa arată mediul dvs. de dezvoltare Power Apps.

Voi crea tutoriale separate care vor descrie și vor demonstra în detaliu cum funcționează fiecare parte. Dar, deocamdată, vreau să mă concentrez pe ceea ce fac aceste părți diferite și pentru ce sunt responsabile.

Cuprins

• Panoul din mijloc al mediilor Power Apps
• Ecrane, elemente și subelemente
• Panglici utilizate în mediile Power Apps
• Modificarea proprietăților elementelor aplicației
• Concluzie

Panoul din mijloc al mediilor Power Apps

Să încep cu zona din mijloc. Aici puteți vedea aplicația pe care o creați.

Există un glisor de zoom în partea de jos pe care îl puteți utiliza pentru a vă schimba vizualizarea și vă permite să măriți și să micșorați aplicația.

Există o săgeată cu două capete chiar lângă glisorul de zoom, care vă permite să extindeți ecranul aplicației, astfel încât să se potrivească cu întreaga fereastră.

Ecrane, elemente și subelemente

Panoul din stânga arată diferitele ecrane din aplicația la care lucrați. Momentan, este aranjat în „Vizualizarea arborelui”, care este cea mai frecvent utilizată vizualizare. Vă arată cum fiecare ecran se ramifică în elemente mai mici.

Deci, dacă restrâng unele dintre listele de aici din stânga, ne spune că există trei ecrane în aplicația la care lucrez în prezent - BrowseScreen1, DetailScreen1 și EditScreen1.

Dacă dau clic pe primul ecran din panoul din stânga, îmi arată ecranul de navigare al aplicației. Acest ecran arată doar o listă de intrări care provin din tabelul meu de date.

Al doilea este pentru ecranul meu de detalii. Aceasta arată detaliile pentru fiecare intrare din listă pe ecranul meu de răsfoire.

Ultimul ecran este pentru ecranul meu de editare, care îmi permite să editez anumite înregistrări sau să creez una nouă.

Dacă aceste trei ecrane nu sunt suficiente, este posibil să adăugați un nou ecran. Voi trece prin asta în detaliu mai târziu.

Să revenim la ecranul de răsfoire. Dacă dau clic pe meniul derulant, va afișa o listă cu toate elementele prezente pe ecranul meu de navigare.

Primul element de aici arată o galerie, care este practic doar o listă de înregistrări. Când te uiți la aplicația din panoul din mijloc, vei vedea că galeria acoperă această listă de înregistrări care pot fi derulate.

Există un obiect aici etichetat drept Rectangle11, care este doar un simplu dreptunghi între bara de căutare și galerie.

Există, de asemenea, o pictogramă de căutare care este doar o imagine a unei lupe.

Există o casetă de text, unde puteți introduce text atunci când căutați un articol.

Există mult mai multe în acest sens, cu o listă lungă de elemente care reprezintă fiecare parte a aplicației pe care o construiți. De obicei, Microsoft își construiește instrumentele pentru o utilizare intuitivă, astfel încât fiecare element este reprezentat printr-un simbol pentru a arăta ce sunt sau ce fac.

De exemplu, o galerie va fi diferită de un dreptunghi. O galerie este o listă de înregistrări, deci este reprezentată de o pictogramă care arată diferite ferestre. Un dreptunghi este o formă, așa că pictograma care o reprezintă arată o colecție de forme. O casetă de text vă permite să scrieți text în ea, astfel încât pictograma arată un stilou.

Elementele pot avea și sub-elemente. De exemplu, BrowseGallery1 are alte elemente enumerate sub el. Acest lucru are sens știind că galeria are o mulțime de lucruri care se întâmplă în aplicație.

Galeria are un element numit Titlu1, de exemplu, care este numele de deasupra înregistrării galeriei.

În afară de Title1, înregistrarea galeriei are și un subtitrare și un corp, precum și o săgeată următoare și un separator care merge între înregistrări. Toate acestea sunt reprezentate de subelementele din panoul din stânga.

Când mergeți mai la stânga, puteți accesa un nou set de opțiuni făcând clic pe cele trei linii.

După cum puteți vedea, prima intrare din meniu este vizualizarea arborelui la care ne-am uitat. De asemenea, vă permite să inserați alte elemente.

Acesta arată și sursele de date utilizate în proiect. În acest caz, există o singură sursă de date care este integrată în aplicația curentă. Acesta vine de la OneDrive.

De asemenea, puteți integra diferite entități și conectori în Surse de date, dar acesta este un subiect mai avansat, care va fi discutat în alte tutoriale.

Meniul arată, de asemenea, media utilizată în aplicație. Aici puteți încărca imagini, videoclipuri și fișiere audio.

Pentru a restrânge acel meniu, faceți clic din nou pe cele trei linii.

Panglici utilizate în mediile Power Apps

Ca și în cazul oricărui alt program Microsoft, partea superioară constă de obicei din panglici. Aceste panglici oferă diferite acțiuni clasificate în diferite meniuri.

Să începem cu panglica Acasă.

Una dintre acțiunile disponibile sub panglica de pornire este crearea unui nou ecran. La fel ca Powerpoint, există șabloane din care puteți alege. Dacă credeți că niciunul dintre aceste șabloane nu se aplică aplicației pe care o creați, puteți începe cu un ecran gol.

După ce ați ales un șablon pentru noul ecran, îl veți vedea adăugat în partea de jos a vizualizării arborelui.

Există și teme, despre care am vorbit într-un tutorial recent.

De asemenea, puteți selecta orice text din aplicația dvs. și puteți modifica fontul, dimensiunea și culoarea fontului sau îl puteți pune cu caractere aldine, cursive sau subliniate.

De asemenea, puteți alege cum doriți să fie aliniat textul. Îl puteți avea aliniat la stânga, aliniat la dreapta sau centrat.

Panglica de inserare vă permite să adăugați sau să inserați lucruri în mediile Power Apps.

De exemplu, dacă doriți să inserați un element de etichetă, puteți doar să faceți clic pe butonul care spune Etichetă și acesta va insera acel element pentru dvs.

De asemenea, vă permite să introduceți un buton.

Există diferite tipuri de casete de text pe care le puteți utiliza aici. Doar faceți clic pe meniul derulant de sub Text și veți putea insera intrări de text, text HTML, introducere cu creion etc.

Există, de asemenea, diferite tipuri de intrări, cum ar fi casete combinate, selectoare de date, liste, casete, casete de validare și glisoare.

Puteți alege diferite tipuri de galerii. Momentan, folosim o galerie verticală pentru aplicația noastră. Dar poți avea și o galerie orizontală și poți chiar să inserezi imagini pe ecran.

Panglica de inserare vă permite, de asemenea, să adăugați tabele de date, care vor fi discutate pe larg într-un alt tutorial.

Aici puteți introduce și formulare. Dacă vă amintiți ecranul Editați din aplicația pe care o creăm, acesta oferă un formular în care utilizatorii pot adăuga manual date în aplicație. Așa că faceți clic pe Formulare sub panglica Inserare și puteți adăuga un alt formular sub ecranele dvs.

În ceea ce privește media, puteți introduce imagini, scanere de coduri de bare, videoclipuri și audio. Aici puteți oferi aplicației posibilitatea de a activa camera utilizatorului, microfonul și alte funcții.

Alte lucruri pe care le puteți adăuga folosind panglica Inserare sunt diagrame, pictograme și obiecte personalizate.

Să trecem la panglica Vizualizare. Acest lucru vă permite să vizualizați variabile, surse de date și alte lucruri relevante pentru mediile dvs. Power Apps.

În cele din urmă, panglica Action vă permite să faceți diverse automatizări. Deoarece aceasta este o parte mai avansată a subiectului, o vom analiza într-un tutorial diferit.

Modificarea proprietăților elementelor aplicației

Ultimul lucru despre care vreau să vorbesc este partea dreaptă a ecranului, care arată panoul Proprietăți.

Fiecare element utilizat în aplicație are proprietăți corespunzătoare. Să presupunem că vrem să schimbăm titlul aplicației care spune Tabel1. Puteți fie să faceți clic pe elementul specific aici, în panoul din stânga pentru LblAppName1, fie să faceți clic pe elementul însuși din aplicație pentru a-l evidenția.

Odată ce elementul este evidențiat, veți vedea automat proprietățile acelui element în partea dreaptă.

Fiecare element are un set diferit de proprietăți. Când te uiți la LblAppName1, acesta este clasificat ca o Etichetă așa cum este menționat peste numele elementului. Aceasta are o proprietate text în care puteți modifica textul care apare în aplicație. De asemenea, puteți edita textul direct în acest spațiu.

Puteți alege dimensiunea fontului, greutatea fontului, stilul fontului etc.

Diferite tipuri de elemente au, de asemenea, seturi diferite de proprietăți. Să ne uităm la pictograma de reîmprospătare de aici din aplicație. Dacă vă uitați la vizualizarea Arboresc, acesta este elementul numit IconRefresh1.

Când vă uitați la panoul de proprietăți, puteți vedea că este clasificat ca o pictogramă. De asemenea, are un set diferit de proprietăți, cum ar fi pictograma utilizată, rotația, modul de afișare etc.

Lucrul tare despre Microsoft Power Apps este că puteți edita aceste proprietăți în două moduri. Puteți să le setați fie static, fie setate dinamic.

Dacă revenim la elementul Table1 și mergem la proprietatea Text, îl pot edita direct și îl pot schimba în ceva de genul Hello World. Acest lucru va schimba automat ceea ce apare pe eticheta reală a aplicației.

Ceea ce tocmai am făcut a fost să schimb proprietatea static.

Acum, dacă te uiți în partea de sus, unde se află bara de formule, vei vedea că poți alege și diferite proprietăți din meniul drop-down din partea stângă.

Deci, dacă aleg proprietatea text și tast Hello World, face același lucru.

Aici îl puteți schimba dinamic. Deși există multe modalități de a crea o schimbare dinamică, vă voi arăta un exemplu simplu folosind funcția IF .

Pe bara de formule, voi tasta IF(1=1), „Hello World”, „Tabel 1”). Acest lucru înseamnă practic că, dacă afirmația este adevărată, atunci faceți să apară Hello World pe etichetă. Dacă nu, faceți-l să arate Tabelul1 .

Deoarece aceasta este setată dinamic, pot face și această condiție falsă. Deci, dacă schimb acest lucru și scriu 1=0, atunci va schimba automat eticheta în Table1.

Dinamizarea proprietăților înseamnă că utilizatorii dvs. pot modifica aceste proprietăți pe baza anumitor parametri. De exemplu, puteți permite utilizatorilor să editeze singuri titlurile, apoi să păstreze acele modificări într-o variabilă. Apoi, această formulă ar putea apela acea variabilă pentru a seta titlul acestui text.

Puteți schimba și alte lucruri. De exemplu, dacă facem clic pe intrarea de sus din galerie pentru Andy Chapman, pot continua și pot verifica cum este măsurată înălțimea acestei intrări.

Puteți vedea că înălțimea acestei galerii este setată dinamic să fie înălțimea părintelui minus poziția Y a galeriei reale. Aceasta înseamnă că dimensiunea acestei intrări este egală cu înălțimea aplicației de sus în jos minus coordonatele Y ale elementului real în sine. Deci, dacă înălțimea este 100 de sus în jos, iar punctul Y este la 10, atunci setează dinamic înălțimea la 90.

Acest concept este important pentru că aș putea pur și simplu să merg la proprietăți și să schimb manual dimensiunea.

Dar diferite aplicații au dimensiuni diferite. Diferitele elemente vor avea și coordonate diferite. Dacă setez o înălțime statică, aceasta va strica întreaga aplicație în momentul în care schimb orice altceva.

Power Apps: Noțiuni introductive cu acest instrument revoluționar
Cum să creați un cont Power Apps | Tutorial LuckyTemplates
Introducere Power Apps: definiție, caracteristici, funcții și importanță

Concluzie

Vederea modului în care totul este aranjat în mediile Power Apps arată în continuare cât de intuitiv și ușor de utilizat este acest instrument. De la modul în care este afișat fiecare element și ecran până la ușurința de a schimba fiecare proprietate pentru fiecare element, aceste medii Power Apps cu siguranță permit oricui să-și creeze propria aplicație și să își facă propriile procese mult mai eficiente.

Desigur, Power Apps nu este doar pentru începătorii care abia încep să descopere cât de utile pot fi aplicațiile în domeniul lor. Există, de asemenea, o mulțime de funcții avansate de care s-ar bucura utilizatorii mai avansați. Le voi acoperi în alte tutoriale.

Toate cele bune,

Henry