Partajați prin

Crearea unui card pentru lista de cumpărături

  • Articol

În acest tutorial, veți crea un card care afișează o listă de cumpărături și vă permite să adăugați articole. Veți folosi designerul de carduri, variabile și Power Fx.

La sfârșitul tutorialului, cardul cu lista de cumpărături ar trebui să arate ca următorul exemplu:

Captură de ecran cu o listă de cumpărături terminată.

Cerințe preliminare

Crearea unui card

  1. Conectați-vă la Power Apps și selectați mediul.

  2. În panoul din stânga, selectați Carduri. Dacă elementul nu se află în panoul lateral, selectați …Mai multe, apoi selectați elementul dorit.

  3. Selectați + Creați un card.

  4. Sub Numele cardului, tastați SimpleShoppingCard, apoi selectați Creați.

  5. Selectați textul Titlul cardului dvs. apare aici. În panoul de proprietăți ale etichetei text, setați Text la Lista de cumpărături.

  6. Selectați textul Adăugați și eliminați elementul pentru a vă personaliza noul card. În panoul de proprietăți ale etichetei text, setați Text la Utilizați caseta de mai jos pentru a adăuga elemente în listă.

Adăugați o variabilă

Lista de cumpărături va conține articole individuale în rânduri separate de text. Arată ca un tabel cu o singură coloană, cu câte un produs alimentar pe fiecare rând. Aceasta sugerează că va trebui să creați o variabilă de tabel pentru a vă stoca lista.

  1. În panoul din stânga, selectați Variabile.

  2. Selectați + Variabilă nouă.

  3. În fereastra Nouă variabilă, introduceți MyGroceryList sub Nume. Setați Type la Tabel.

  4. Selectați parantezele din dreapta Valoarea implicită și introduceți „" între paranteze. Acest lucru indică faptul că tabelul nostru conține valori de text într-o coloană numită implicit Valoare

  5. Selectați Salvați.

    Captură de ecran a panoului de proprietăți variabile MyGroceryList.

Adăugați o listă pe card

  1. În panoul din stânga, selectați Insert.

  2. În panoul de instrumente, selectați Afișare pentru a extinde categoria, apoi selectați Etichetă text.

  3. În panoul de proprietăți ale etichetei text, selectați fila Avansat .

  4. Setați Repetați pentru fiecare la MyGroceryList.

    Captură de ecran a panoului de proprietăți avansate al unei etichete de text, cu MyGroceryList în Repeat pentru fiecare proprietate.

    Setarea unei etichete de text Repetare pentru fiecare proprietate repetă eticheta de text pentru fiecare articol din tabelul specificat. În acest exemplu, tabelul, MyGroceryList, este variabila pe care ați creat-o. Cu alte cuvinte, o etichetă text separată este creată în card pentru fiecare articol din lista de cumpărături.

  5. Selectați fila Proprietăți . Setați Text la ThisItem.Value.

    Atribuirea variabilei definite de sistem ThisItem.Value etichetei text afișează valoarea elementului curent din tabloul MyGroceryList ca text de etichetă. Matrice este un alt termen pentru o variabilă de tabel. Puteți introduce numele variabilei în bara de formule sau în panoul de proprietăți.

    Captură de ecran a unui nume de variabilă introdus în proprietatea Text a etichetei de text.

Adăugați o casetă de introducere

Lista pe care ați creat-o este goală, așa că, în pasul final, veți oferi utilizatorului posibilitatea de a adăuga elemente.

  1. În panoul din stânga, selectați Insert.

  2. În panoul de instrumente, selectați Introducere pentru a extinde categoria, apoi selectați Introducere text.

  3. În panoul de proprietăți de introducere a textului, setați Nume la NewItem și setați Etichetă la Articol nou:.

    Captură de ecran a numelor de variabile introduse în proprietățile Nume și Etichetă ale unei casete de text de intrare.

    Proprietatea Name vă permite să faceți referire la control într-o expresie Power Fx . Trebuie să fie un singur cuvânt, fără spații sau caractere speciale. Proprietatea Etichetă este afișată pe card. Numele și eticheta unui control nu trebuie să fie similare, așa cum sunt aici, dar utilizarea unor nume similare facilitează urmărirea controalelor.

Adăugați un buton Power Fx

  1. În panoul din stânga, selectați Insert.

  2. În panoul de instrumente, selectați Intrare pentru a extinde categoria, apoi selectați Buton.

  3. În panoul de proprietăți ale butonului, setați Titlu la Adăugați element.

  4. În panoul de proprietăți, selectați PowerFx pentru a plasa cursorul în bara de formule.

  5. Introduceți următoarea Power Fx expresie în bara de formule: Collect(MyGroceryList, {Value: NewItem})

    Această expresie folosește Power Fx funcția Collect pentru a adăuga valoarea intrării utilizatorului, NewItem, la MyGroceryList variabila tabel în coloana implicit Valoare . Deoarece expresia este legată de proprietatea OnSelect a butonului, ea rulează atunci când utilizatorul selectează butonul.

    Captură de ecran a expresiei Power Fx din bara de formule, atribuită proprietății OnSelect a butonului.

Testați cardul

Ar trebui să salvați întotdeauna modificările înainte de a juca o carte. Selectați Salvați, apoi selectați Redare.

Testează-ți cardul adăugând câteva articole pe lista de cumpărături.

Pașii următori

Aflați cum să creați un card mai complex cu Microsoft Dataverse conectori.