Στοιχείο ελέγχου κοντέινερ πλέγματος στο Power Apps (προεπισκόπηση)

[Αυτό το άρθρο είναι ένα έγγραφο προέκδοσης και υπόκειται σε αλλαγές.]

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

Αυτό το κοντέινερ λειτουργεί όπως πλέγματα στυλ CSS. Ορίζετε τις γραμμές και τις στήλες και ορίζετε την ακριβή θέση για κάθε θυγατρικό στοιχείο χρησιμοποιώντας τις ιδιότητές του.

Σημαντικό

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

Περιγραφή

Το στοιχείο ελέγχου κοντέινερ Πλέγμα προσφέρει ένα ευέλικτο σύστημα διάταξης για εφαρμογές καμβά. Σας επιτρέπει να κάνετε τα εξής:

• Τοποθέτηση θυγατρικών στοιχείων σε ένα μοτίβο πλέγματος
• Καθορισμός έναρξης και λήξης γραμμής και στήλης για κάθε θυγατρικό στοιχείο
• Πραγματοποίηση δυναμικών προσαρμογών όταν αλλάζει το κοντέινερ ή το μέγεθος της οθόνης
• Στοίχιση, απόσταση και υπερχείλιση στοιχείου ελέγχου εντός του πλέγματος

Χρησιμοποιώντας αυτήν την προσέγγιση, δεν χρειάζεται να τοποθετήσετε με μη αυτόματο τρόπο κάθε στοιχείο. Οι εφαρμογές σας γίνονται πιο διατηρήσιμες και αποκριτικές.

Εμφάνιση ιδιοτήτων

• Gap – Η απόσταση σε pixel μεταξύ των θυγατρικών στοιχείων εντός του πλέγματος.
• Στήλες – Ο αριθμός των στηλών στη διάταξη πλέγματος.
• Γραμμές – Ο αριθμός των γραμμών στη διάταξη πλέγματος.

Μέγεθος και θέση

• X – Η οριζόντια απόσταση από το αριστερό άκρο του γονικού του κοντέινερ (ή της οθόνης, εάν δεν υπάρχει γονικό στοιχείο).
• Y – Η κατακόρυφη απόσταση από το επάνω άκρο του γονικού του κοντέινερ (ή της οθόνης, εάν δεν υπάρχει γονικό στοιχείο).
• Width – Η απόσταση μεταξύ του αριστερού και δεξιού άκρου ενός στοιχείου ελέγχου.
• Height – Η απόσταση μεταξύ του επάνω και κάτω άκρου ενός στοιχείου ελέγχου.
• Αναπλήρωση - Η απόσταση μεταξύ των άκρων του κοντέινερ και των θυγατρικών στοιχείων του.

Χρώμα και περίγραμμα

• Color – Χρώμα πρώτου πλάνου του κοντέινερ, που χρησιμοποιείται για περιγράμματα και κείμενο, εάν υπάρχει.
• Σύνορα
  • Στυλ – Τύπος περιγράμματος: Συμπαγής, Διακεκομμένη, Διάστικτη ή Καμία.
  • Thickness – Το πλάτος του περιγράμματος σε pixel.
  • Color – Χρώμα του περιγράμματος.
• Ακτίνα περιγράμματος – Ο βαθμός στον οποίο στρογγυλοποιούνται οι γωνίες του κοντέινερ. Μπορείτε να εφαρμόσετε αυτήν τη ρύθμιση ομοιόμορφα σε όλες τις γωνίες ή να την διαιρέσετε σε μεμονωμένες γωνίες στις σύνθετες ρυθμίσεις.
• Σκιά – Εφέ σκίασης που εφαρμόζεται στο κοντέινερ. Επιλογές: Καμία, Φωτεινή, Μεσαία ή Βαριά.

Θέα

• Visible – Εάν εμφανίζεται το κοντέινερ πλέγματος. Ενεργοποιήστε ήαπενεργοποιήστε.

Ιδιότητες διάταξης πλέγματος (ειδικά για παιδιά)

• Έναρξη στήλης / Λήξη στήλης – Ορίζει τις στήλες έναρξης και λήξης για ένα θυγατρικό στοιχείο.
• Έναρξη γραμμής / Λήξη γραμμής – Ορίζει τις γραμμές έναρξης και λήξης για ένα θυγατρικό στοιχείο.

Παράδειγμα

1. Δημιουργήστε μια κενή εφαρμογή καμβά από την αρχή με μια Δυναμική διάταξη.

2. Δημιουργήστε μια νέα οθόνη.

3. Από το τμήμα παραθύρου Εισαγωγή στην περιοχή Διάταξη, επιλέξτε Κοντέινερ πλέγματος.

4. Ορισμός ιδιοτήτων κοντέινερ για να καταλαμβάνει ολόκληρη την οθόνη:

   • X = 0
   • Y = 0
   • Πλάτος = Parent.Width
   • Height = Parent.Height

5. Προσθέστε πολλά θυγατρικά στοιχεία, όπως κουμπιά, εισόδους κειμένου, εικονίδια και μέσα. Για κάθε θυγατρικό στοιχείο, ορίστε τις ιδιότητες τοποθέτησης πλέγματος:

   • Έναρξη / Λήξη στήλης
   • Έναρξη / Λήξη γραμμής
   • Στοίχιση στο κελί

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