Câmp de căutare PowerApps: Cum să adăugați și să personalizați

În acest tutorial, vom vorbi despre câmpul de căutare PowerApps și despre cum să îl adăugați și să îl personalizați de la zero.

PowerApps este o platformă construită pentru confort, în care utilizatorii își pot crea propriile aplicații chiar dacă nu au cunoștințe în codificare sau dezvoltare de aplicații. La fel ca orice altă platformă Microsoft, puterea sa constă în sistemul său de glisare și plasare și design intuitiv.

Aceasta înseamnă că oricine dorește să creeze aplicații, fie pentru a-și afișa pur și simplu datele sau pentru a crește productivitatea în echipa sa, poate face acest lucru cu ușurință.

Am discutat despre elementele de bază ale creării unei aplicații de la zero în tutorialele anterioare. De data aceasta, ne concentrăm pe câmpul de căutare PowerApps.

Cuprins

• Cum funcționează câmpul de căutare PowerApps
• Utilizarea funcției de căutare
• Crearea unui câmp de căutare PowerApps de la zero
• Adăugarea de coloane într-un câmp de căutare PowerApps
• Adăugarea unei pictograme de căutare funcționale și ascunderea barei de căutare
• Adăugarea unui indiciu la bara de căutare
• Concluzie

Cum funcționează câmpul de căutare PowerApps

Funcția de căutare permite utilizatorilor să caute și să filtreze articole dintr-o galerie. Deoarece Power Apps vine cu șabloane de aplicații în care câmpul de căutare este deja la locul lui, tot ce trebuie să faceți este să conectați o sursă de date pentru a extrage elemente care vor fi incluse în galerie.

Când utilizați câmpul de căutare, nu este nevoie să introduceți nume sau cuvinte întregi. Introducerea primelor litere va filtra automat elementele și vă va afișa intrările care se potrivesc.

Deși șabloanele încorporate sunt convenabile de utilizat, nu ne putem baza pe ele 100% din timp. Crearea propriei aplicații canvas este necesară dacă doriți să personalizați complet aplicația în funcție de nevoile dvs. specifice. Aceasta înseamnă că trebuie să vă creați propriul câmp de căutare de la zero.

Utilizarea funcției de căutare

Să folosim acest ecran pe care l-am construit de la zero într-un tutorial anterior. În acest moment, ne aflăm în ecranul Vedeți clienții.

Deoarece aceasta conține o galerie de articole, ar fi logic să faceți un câmp de căutare aici.

Galeria afișată pe această pagină este Galeria 2. Dacă ne uităm la proprietatea Items, arată că extragem date din Tabelul 1.

Aceasta înseamnă că atunci când adăugăm funcția de căutare, aceasta va căuta printre elementele din Tabelul 1 și va filtra rezultatele în funcție de ceea ce introducem.

Deci haideți să aflăm cum funcționează funcția de căutare. Intrând în documentul Microsoft care descrie această funcție, arată că o funcție de căutare ia un tabel, un șir de căutare și coloanele în care doriți să căutați.

Având în vedere această formulă, să vedem cum funcționează funcția de căutare în propria noastră aplicație.

Folosind proprietatea Items din Gallery2, să folosim funcția de căutare din bara de formule și să facem referire la Tabelul 1, deoarece aceasta este sursa noastră principală de date.

Pentru șirul de căutare real, să căutăm numele Elton.

Apoi, să facem căutarea în coloana FirstName.

Odată ce apăsăm Enter, ne oferă o potrivire care corespunde parametrilor de căutare pe care i-am folosit.

Dacă eliminăm numele Elton din șirul de căutare, acesta va afișa automat încă o dată întreaga galerie.

Să încercăm o altă căutare pentru numele Coralie.

Odată ce apăsăm Enter, ne oferă o potrivire din nou.

Evident, nu ne așteptăm ca utilizatorii să deschidă galeria folosind PowerApps. Aceasta înseamnă că ar trebui să facă căutarea dintr-un câmp de căutare, și nu din bara de formule. Aici intervine nevoia de a ne crea propria bară de căutare.

Crearea unui câmp de căutare PowerApps de la zero

Să începem prin a adăuga o introducere de text folosind butonul Text de sub panglica Inserare.

La fel ca orice alt element, putem trage acea casetă de text oriunde dorim să o plasăm. Deocamdată, să-l punem în partea dreaptă a titlului ecranului.

Deoarece aceasta este doar o simplă casetă de text pentru moment, nu va putea filtra nimic încă, chiar dacă introducem un nume. Pentru a face acest lucru, trebuie să conectăm funcționalitatea de căutare din bara de formule la caseta de text reală.

Aceasta înseamnă că trebuie să adăugăm elementul TextInput1 în acea formulă.

Pentru a face asta, în loc de spațiul în care introducem termenul de căutare, vom introduce TextInput1.Text. TextInput1 se referă la caseta de text, în timp ce Textul face referire la orice introducem în caseta de text.

Acum, hai să-l încercăm. Dacă introducem un termen de căutare aici, veți vedea că apare o potrivire chiar dacă am introdus doar primele litere.

Să încercăm un alt nume și să căutăm Bruna. Din nou, ne arată o potrivire.

De data aceasta, să încercăm să vedem dacă putem face o căutare folosind numele de familie. Voi scrie Lyles, care este numele de familie al Brunei.

După cum puteți vedea, deși Bruna Lyles a apărut când am folosit prenumele ca termen de căutare, nu a afișat nicio potrivire când am încercat să introduc numele de familie. Asta pentru că nu am făcut referire încă la alte coloane în formula noastră.

Adăugarea de coloane într-un câmp de căutare PowerApps

Revenind la bara de formule, să adăugăm LastName. Acest lucru ne va permite să facem căutări folosind și datele din coloana LastName.

Să adăugăm și AgentName. Apoi, apăsați Enter pentru a finaliza formula.

Acum, în sfârșit, obținem o potrivire dacă căutăm numele de familie, Lyles.

Adăugarea unei pictograme de căutare funcționale și ascunderea barei de căutare

În majoritatea aplicațiilor, nu aveți doar o bară de căutare. Vedeți și o pictogramă de căutare. Deci, să adăugăm asta la acest ecran.

Doar căutați Căutare din meniul derulant Pictograme de sub panglica Inserare.

Să-l mutăm în partea dreaptă a barei de căutare.

Apoi, să schimbăm culoarea în alb, astfel încât să fie în concordanță cu celelalte elemente.

Acum că avem o pictogramă de căutare, scopul aici este să ascundem bara de căutare și să o facem să apară doar atunci când facem clic pe pictograma de căutare.

Dacă facem clic pe bara de căutare și verificăm panoul de proprietăți din dreapta, arată că vizibilitatea este activată.

Dacă verificăm proprietatea de vizibilitate din meniul drop-down de proprietate, arată că vizibilitatea este setată la adevărat.

Dacă setăm la fals, caseta de text dispare. Asta vrem să se întâmple.

Nu vă faceți griji cu privire la referirea casetei de text odată ce aceasta nu mai este vizibilă. Putem în continuare să facem referire la asta făcând clic pe numele elementului din lista din panoul din stânga.

Aici intră acum în joc variabilele. Am discutat despre utilizarea variabilelor în PowerApps într-un alt tutorial.

Deoarece vrem să se întâmple ceva de fiecare dată când facem clic pe pictograma de căutare; vom folosi OnSelect.

Vom folosi o variabilă numită UpdateContext.

Pentru a folosi UpdateContext, vom avea nevoie de un dicționar de variabile cuprins între paranteze. Să folosim SearchVisible și să setăm asta la adevărat.

Acum că avem variabila în loc, să legăm proprietatea de vizibilitate a casetei noastre de text cu variabila reală. Doar faceți clic pe TextInput1, apoi setați vizibilitatea la SearchVisible.

Odată ce am legat variabila de elementul casetei de text, caseta de căutare va apărea doar când facem clic pe pictogramă.

Cu configurația noastră actuală, caseta de text rămâne pe ecran chiar și după ce ați efectuat căutarea. În mod ideal, vrem ca asta să dispară odată ce nu mai avem nevoie.

Deci, ne vom întoarce la pictogramă și vom schimba formula pentru OnSelect. De data aceasta, dorim ca acțiunea opusă să se întâmple când facem clic pe pictogramă a doua oară.

Pentru a seta o acțiune opusă, tot ce trebuie să facem este să adăugăm un semn de exclamare. Deoarece SearchVisible face să apară caseta de text,!SearchVisible va face caseta de text să dispară.

Acum, dacă facem clic pe pictogramă prima dată, apare caseta de căutare. Aceasta înseamnă că proprietatea de vizibilitate se transformă în adevărată.

Dacă facem din nou clic pe pictogramă, vizibilitatea devine falsă și caseta de text dispare.

Adăugarea unui indiciu la bara de căutare

Deoarece am setat bara de căutare să filtreze articole în funcție de prenume, nume sau nume de agent, ar fi bine să adăugați un indiciu, astfel încât utilizatorii să știe ce termeni de căutare să folosească.

Pentru a face acest lucru, evidențiați bara de căutare, apoi accesați panoul din dreapta. Sub proprietăți, să introduceți „Căutați Prenume, Nume sau Nume Agent”.

Acum, vedem acel indiciu în bara de căutare, ceea ce facilitează căutarea utilizatorilor.

Acest indiciu dispare și odată ce utilizatorul face clic pe bara de căutare și începe să tasteze.

Introducere Power Apps: Definiție, caracteristici, funcții și importanță
Medii Power Apps: Configurarea corectă a elementelor aplicației
Power Apps Canvas: Cum se creează o aplicație de la zero

Concluzie

Câmpul de căutare PowerApps este cu siguranță unul dintre lucrurile pe care trebuie să le adăugați la aplicația dvs., mai ales dacă lucrați cu o cantitate destul de mare de date din galeria dvs.

Amintiți-vă că cele mai de succes aplicații acordă prioritate ușurinței în utilizare și controalelor intuitive. Adăugarea unei funcții de căutare acoperă cu siguranță aceste cerințe.

Toate cele bune,

Henry