Εμφάνιση, ταξινόμηση και φιλτράρισμα δεδομένων σε μια συλλογή εφαρμογής καμβά

Δημιουργήστε μια συλλογή για να εμφανίσετε εικόνες και κείμενο για διάφορα προϊόντα και να ταξινομήσετε και φιλτράρετε αυτές τις πληροφορίες.

Στο Power Apps, μπορείτε να χρησιμοποιήσετε μια συλλογή για να εμφανίσετε πολλά σχετικά στοιχεία, όπως τα βλέπετε σε έναν κατάλογο. Οι συλλογές είναι εξαιρετικές για την εμφάνιση πληροφοριών για προϊόντα, όπως ονόματα και τιμές. Σε αυτό το θέμα, δημιουργούμε μια συλλογή και ταξινομούμε και φιλτράρουμε τις πληροφορίες με συναρτήσεις τύπου Excel. Επίσης, όταν επιλεγεί ένα στοιχείο τοποθετείται ένα περίγραμμα γύρω από αυτό.

Σημείωση

Αυτό το θέμα χρησιμοποιεί μια εφαρμογή tablet. Μπορείτε να χρησιμοποιήσετε μια εφαρμογή τηλεφώνου, όμως θα χρειαστεί να αλλάξετε το μέγεθος ορισμένων από τα στοιχεία ελέγχου.

Προαπαιτούμενα στοιχεία

• Εγγραφείτε στο Power Apps, και κατόπιν συνδεθείτε χρησιμοποιώντας τα ίδια διαπιστευτήρια που χρησιμοποιήσατε για την εγγραφή.
• Δημιουργήστε μια εφαρμογή tablet από ένα πρότυπο, από δεδομένα ή από την αρχή.
• Μάθετε πώς μπορείτε να ρυθμίσετε τις παραμέτρους ενός στοιχείου ελέγχου.
• Αυτά τα βήματα χρησιμοποιούν το CreateFirstApp ως δείγμα δεδομένων εισόδου, το οποίο περιλαμβάνει εικόνες .jpg. Το αρχείο zip περιλαμβάνει ένα αρχείο XML που μπορεί να μετατραπεί σε Excel. Διαφορετικά, το Power Apps διαβάζει αυτόματα τα αρχεία που βρίσκονται σε αρχεία .zip και τα εισάγει με επιτυχία. Μπορείτε να κάνετε λήψη και να χρησιμοποιήσετε αυτό το δείγμα δεδομένων ή να εισαγάγετε το δικό σας.

Εμφάνιση δεδομένων σε μια συλλογή

1. Δημιουργήστε μια συλλογή με το όνομα Inventory χρησιμοποιώντας τα δείγματα δεδομένων. Τα βήματα περιλαμβάνουν:

   1. Στην καρτέλα Εισαγωγή, επιλέξτε Στοιχεία ελέγχου και, στη συνέχεια, επιλέξτε Εισαγωγή:

      

   2. Ορίστε την ιδιότητα OnSelect του στοιχείου ελέγχου εισαγωγής στον παρακάτω τύπο:
      Collect(Inventory, Import1.Data)

      

   3. Επιλέξτε το κουμπί Εισαγωγή δεδομένων για να ανοίξετε την Εξερεύνηση των Windows. Επιλέξτε το CreateFirstApp.zip και επιλέξτε Άνοιγμα.

   4. Στο μενού Αρχείο, επιλέξτε Συλλογές. Η συλλογή Inventory παρατίθεται με τα δεδομένα που έχετε εισαγάγει:

      

      Μόλις δημιουργήσατε τη συλλογή Inventory, η οποία περιέχει πληροφορίες για πέντε προϊόντα, συμπεριλαμβανομένης μιας εικόνας σχεδίου, του ονόματος προϊόντος και του αριθμού μονάδων σε απόθεμα.

      Σημείωση

      Το στοιχείο ελέγχου εισαγωγής χρησιμοποιείται για την εισαγωγή δεδομένων τύπου Excel και τη δημιουργία της συλλογής. Το στοιχείο ελέγχου εισαγωγής εισάγει δεδομένα όταν δημιουργείτε την εφαρμογή σας και πραγματοποιείτε προεπισκόπηση της εφαρμογής σας. Προς το παρόν, το στοιχείο ελέγχου εισαγωγής δεν εισάγει δεδομένα όταν δημοσιεύετε την εφαρμογή σας.

2. Επιλέξτε το βέλος επιστροφής για να επιστρέψετε στο πρόγραμμα σχεδίασης.

3. Στην καρτέλα Εισαγωγή, κάντε κλικ ή πατήστε Συλλογή και, στη συνέχεια, κάντε κλικ ή πατήστε την Οριζόντια συλλογή.

   

4. Στο δεξί τμήμα παραθύρου, κάντε κλικ ή πατήστε την επιλογή όπου ο τίτλος και ο υπότιτλος επικαλύπτουν το γραφικό:

   

5. Ορίστε την ιδιότητα Items της συλλογής σε Inventory:

   

6. Μετονομάστε τη συλλογή σε ProductGallery και μετακινήστε τη ώστε να μην εμποδίζει άλλα στοιχεία ελέγχου. Αλλάξτε το μέγεθος της συλλογής ώστε να εμφανίζει τρία προϊόντα:

   

7. Στο πρώτο στοιχείο της συλλογής, επιλέξτε την κάτω ετικέτα:

   

   Σημείωση

   Όταν αλλάζετε το πρώτο στοιχείο σε οποιαδήποτε συλλογή, αλλάζετε αυτόματα όλα τα άλλα στοιχεία στη συλλογή.

8. Ορίστε την ιδιότητα Text της ετικέτας στην παρακάτω παράσταση:
   ThisItem.UnitsInStock
   

   Όταν το κάνετε αυτό, η ετικέτα εμφανίζει τις μονάδες σε απόθεμα για κάθε προϊόν:

Σημείωση

Από προεπιλογή, η ιδιότητα Text της επάνω ετικέτας ορίζεται σε ThisItem.ProductName. Μπορείτε να την αλλάξετε σε οποιοδήποτε άλλο στοιχείο στη συλλογή σας. Για παράδειγμα εάν η συλλογή σας έχει τα πεδία ProductDescription ή Price, μπορείτε να ορίσετε την ετικέτα σε ThisItem.ProductDescription ή ThisItem.Price.

Χρησιμοποιώντας αυτά τα βήματα, κάνατε εισαγωγή δεδομένων που περιλαμβάνουν εικόνες .jpg σε μια συλλογή. Έπειτα, προσθέσατε μια συλλογή που εμφανίζει τα δεδομένα και ρυθμίσατε μια ετικέτα για εμφάνιση των μονάδων σε απόθεμα κάθε προϊόντος.

Επισήμανση του στοιχείου συλλογής που επιλέγετε

1. Επιλέξτε οποιοδήποτε στοιχείο στη συλλογή εκτός από το πρώτο. Εμφανίζεται το εικονίδιο επεξεργασίας (επάνω αριστερή γωνία). Επιλέξτε το εικονίδιο επεξεργασίας:
   

2. Στην καρτέλα Εισαγωγή, επιλέξτε Σχήματα και, στη συνέχεια, επιλέξτε το ορθογώνιο. Εμφανίζεται ένα συμπαγές μπλε ορθογώνιο σε κάθε στοιχείο της συλλογής.

3. Στην Αρχική καρτέλα, επιλέξτε Γέμισμα και, στη συνέχεια, επιλέξτε Χωρίς γέμισμα.

4. Επιλέξτε Περίγραμμα, επιλέξτε Στυλ περιγράμματος και, στη συνέχεια, επιλέξτε τη συμπαγή γραμμή.

5. Επιλέξτε πάλι Περίγραμμα και ορίστε το πάχος σε 3. Αλλάξτε μέγεθος στο ορθογώνιο ώστε να περικλείει το στοιχείο συλλογής. Τα στοιχεία στη συλλογή σας έχουν τώρα ένα μπλε περίγραμμα που θα πρέπει να μοιάζει με το εξής:
   

6. Στην καρτέλα Σχήμα, επιλέξτε Ορατό και, στη συνέχεια, καταχωρήστε τον παρακάτω τύπο στη γραμμή τύπων:

   If(ThisItem.IsSelected, true)

   Ένα μπλε ορθογώνιο περικλείει την τρέχουσα επιλογή σε μια συλλογή. Επιλέξτε ορισμένα στοιχεία συλλογής για να επιβεβαιώσετε ότι εμφανίζεται το ορθογώνιο γύρω από κάθε στοιχείο που επιλέγετε. Υπενθυμίζεται ότι μπορείτε επίσης να ανοίξετε την Προεπισκόπηση για να δείτε και να δοκιμάσετε αυτό που δημιουργείτε.

Συμβουλή

Επιλέξτε το ορθογώνιο, επιλέξτε Αναδιάταξη στην Αρχική καρτέλα και, στη συνέχεια, επιλέξτε Μεταφορά στο φόντο. Με αυτή τη δυνατότητα μπορείτε να επιλέξετε ένα στοιχείο συλλογής χωρίς το περίγραμμα να εμποδίζει οποιοδήποτε στοιχείο.

Με αυτά τα βήματα, προσθέσατε ένα περίγραμμα γύρω από την τρέχουσα επιλογή στη συλλογή.

Ταξινόμηση και φιλτράρισμα στοιχείων στη συλλογή

Σε αυτά τα βήματα πρόκειται να ταξινομήσουμε τα στοιχεία συλλογής σε αύξουσα και φθίνουσα σειρά. Επίσης, θα προσθέσουμε ένα στοιχείο ελέγχου ρυθμιστικού για "φιλτράρισμα" των στοιχείων συλλογής κατά τις μονάδες αποθέματος που επιλέγετε.

Ταξινόμηση σε αύξουσα ή φθίνουσα σειρά

1. Επιλέξτε οποιοδήποτε στοιχείο στη συλλογή εκτός από το πρώτο.

2. Η ιδιότητα Items έχει οριστεί τώρα σε Inventory (το όνομα της συλλογής σας). Αλλάξτε τη στο εξής:

   Sort(Inventory, ProductName)

   Όταν το κάνετε αυτό τα στοιχεία στη συλλογή ταξινομούνται κατά όνομα προϊόντος σε αύξουσα σειρά:

   Δοκιμάστε τη φθίνουσα σειρά. Ορίστε την ιδιότητα Items της συλλογής στον παρακάτω τύπο:

   Sort(Inventory, ProductName, Descending)

Προσθήκη στοιχείου ελέγχου Ρυθμιστικό και φιλτράρισμα στοιχείων στη συλλογή

1. Προσθέστε ένα στοιχείο ελέγχου Ρυθμιστικό (καρτέλα Εισαγωγή > Στοιχεία ελέγχου), μετονομάστε το σε StockFilter και μετακινήστε το κάτω από τη συλλογή.

2. Ρυθμίστε τις παραμέτρους του ρυθμιστικού ώστε οι χρήστες να μην μπορούν να το ορίσουν σε μια τιμή εκτός του εύρους μονάδων αποθέματος:

   1. Στην καρτέλα Περιεχόμενο, επιλέξτε Ελάχ. και, στη συνέχεια, καταχωρήστε την παρακάτω παράσταση:
      Min(Inventory, UnitsInStock)
   2. Στην καρτέλα Περιεχόμενο, επιλέξτε Μέγ. και, στη συνέχεια, καταχωρήστε την παρακάτω παράσταση:
      Max(Inventory, UnitsInStock)

3. Επιλέξτε οποιοδήποτε στοιχείο στη συλλογή εκτός από το πρώτο. Ορίστε την ιδιότητα Items της συλλογής στην παρακάτω παράσταση:
   Filter(Inventory, UnitsInStock<=StockFilter.Value)

4. Στην Προεπισκόπηση, προσαρμόστε το ρυθμιστικό σε μια τιμή που είναι μεταξύ της υψηλότερης και της χαμηλότερης ποσότητας στη συλλογή. Καθώς προσαρμόζετε το ρυθμιστικό, η συλλογή εμφανίζει μόνο εκείνα τα προϊόντα που είναι λιγότερα από την τιμή που επιλέξατε:
   

Τώρα, ας προσθέσουμε στο φίλτρο μας:

1. Επιστρέψτε στο πρόγραμμα σχεδίασης.
2. Στην καρτέλα Εισαγωγή, επιλέξτε Κείμενο, επιλέξτε Εισαγωγή κειμένου και μετονομάστε το νέο στοιχείο ελέγχου σε NameFilter. Μετακινήστε το στοιχείο ελέγχου κειμένου κάτω από το ρυθμιστικό.
3. Ορίστε την ιδιότητα Items της συλλογής στην παρακάτω παράσταση:
   Filter(Inventory, UnitsInStock<=StockFilter.Value && NameFilter.Text in ProductName)
4. Στην Προεπισκόπηση, ορίστε το ρυθμιστικό σε 30 και πληκτρολογήστε το γράμμα g στο στοιχείο ελέγχου εισαγωγής κειμένου. Η συλλογή εμφανίζει το μοναδικό προϊόν με λιγότερες από 30 μονάδες στο απόθεμα και το οποίο έχει όνομα που περιέχει το γράμμα "g":
   

Συμβουλές και τεχνικές

• Ανά πάσα στιγμή, μπορείτε να επιλέξετε το κουμπί προεπισκόπησης () για να δείτε τι δημιουργήσατε και να το δοκιμάσετε.
• Όταν σχεδιάζετε την εφαρμογή σας, μπορείτε να αλλάξετε το μέγεθος των στοιχείων ελέγχου και να τα μετακινήσετε όπου θέλετε με κλικ και μεταφορά.
• Πατήστε το ESC ή επιλέξτε X για να κλείσετε το παράθυρο προεπισκόπησης.
• Όταν χρησιμοποιείτε μια συλλογή, επιλέξτε το πρώτο στοιχείο στη συλλογή για να αλλάξετε όλα τα στοιχεία σε αυτή. Για παράδειγμα, επιλέξτε το πρώτο στοιχείο για να προσθέσετε ένα περίγραμμα σε όλα τα στοιχεία της συλλογής.
• Για να ενημερώσετε τις ιδιότητες της συλλογής, επιλέξτε οποιοδήποτε στοιχείο στη συλλογή εκτός από το πρώτο. Για παράδειγμα, επιλέξτε το δεύτερο στοιχείο για να ενημερώσετε τις ιδιότητες Items, ShowScrollbar και άλλες ιδιότητες που εφαρμόζονται στη συλλογή (όχι τα στοιχεία στη συλλογή).

Τι μάθατε

Σε αυτό το θέμα:

• Δημιουργήσατε μια συλλογή, κάνατε εισαγωγή δεδομένων που περιλαμβάνουν εικόνες .jpg στη συλλογή αυτή και εμφανίσατε τα δεδομένα σε μια συλλογή.
• Κάτω από κάθε εικόνα στη συλλογή, ρυθμίσατε μια ετικέτα που αναφέρει τις μονάδες σε απόθεμα για αυτό το στοιχείο.
• Προσθέσατε ένα περίγραμμα γύρω από το στοιχείο που επιλέγετε.
• Ταξινομήσατε τα στοιχεία κατά όνομα προϊόντος σε αύξουσα και φθίνουσα σειρά.
• Προσθέσατε ένα ρυθμιστικό και στοιχείο ελέγχου εισαγωγής κειμένου για να φιλτράρετε τα προϊόντα κατά μονάδες σε απόθεμα και όνομα προϊόντος.

Σημείωση

Μπορείτε να μας πείτε ποια γλώσσα προτιμάτε για την τεκμηρίωση; Πάρτε μέρος σε μια σύντομη έρευνα. (σημειώνεται ότι αυτή η έρευνα είναι στα Αγγλικά)

Η έρευνα θα διαρκέσει περίπου επτά λεπτά. Δεν συλλέγονται προσωπικά δεδομένα (δήλωση προστασίας προσωπικών δεδομένων).