Spinner έλεγχος

Ένα στοιχείο ελέγχου που χρησιμοποιείται για τη δημιουργία μιας εμπειρίας φόρτωσης.

Σημείωμα

Βρέθηκε πλήρης τεκμηρίωση και πηγαίος κώδικας στο αρχείο φύλαξης στοιχείων κωδικών GitHub.

Description

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

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

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

Ιδιότητες κλειδιού

Ιδιότητα	Description
Label	Προαιρετική ετικέτα για κουμπί αυξομείωσης.
SpinnerSize	Το μέγεθος του κουμπιού αυξομείωσης που θα αποδοθεί. Επιλογές: xSmall, Small, Medium, Large
SpinnerAlignment	Η στοίχιση του κουμπιού αυξομείωσης εντός των ορίων του στοιχείου ελέγχου. Επιλογές: Left, Center, Right
LabelPosition	Προαιρετική τοποθέτηση της ετικέτας του κουμπιού αυξομείωσης σε μια συγκεκριμένη θέση. Επιλογές: Bottom, Top, Left, Right

Ιδιότητες ύφους

Ιδιότητα	Description
Theme	Αποδέχεται μια συμβολοσειρά JSON που δημιουργείται με τη χρήση της Σχεδίασης θέματος περιβάλλοντος εργασίας χρήστη Fluent (windows.net). Αν αφήσετε αυτό το κενό, θα χρησιμοποιηθεί το προεπιλεγμένο θέμα που ορίζεται από το Power Apps. Δείτε θέματα για οδηγία για τον τρόπο ρύθμισης παραμέτρων.
AccessibilityLabel	Ετικέτα aria προγράμματος ανάγνωσης οθόνης

Παράδειγμα

Εμφάνιση του κουμπιού αυξομείωσης κατά τη φόρτωση

Κάντε το στοιχείο ελέγχου κουμπιού αυξομείωσης ορατό όταν ξεκινά μια διεργασία και, στη συνέχεια, αποκρύψτε το όταν ολοκληρωθεί η διεργασία.

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

UpdateContext({ var_showLoader: true });

/* Some code ... */

UpdateContext({ var_showLoader: false });

Στη συνέχεια, δώστε τη μεταβλητή var_showLoader ως την τιμή για την ιδιότητα IsLoading του κουμπιού αυξομείωσης.

Περιορισμοί

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