Χρήση των στοιχείων ελέγχου Fluent UI

Η δημιουργία εφαρμογών που έχουν εξαιρετική εμφάνιση στο Microsoft Teams θα είναι ευκολότερη με τα νέα στοιχεία που διαθέτετε. Βασισμένα στο πλαίσιο του Fluent UI, τα νέα στοιχεία θα έχουν εξαιρετική εμφάνιση με τα στυλ του Teams και θα προσαρμόζονται αυτόματα στο προεπιλεγμένο θέμα του Teams. Τα νέα στοιχεία ελέγχου είναι Κουμπί, Πλαίσιο ελέγχου, Σύνθετο πλαίσιο, Επιλογέας ημερομηνίας, Ετικέτα, Ομάδα κουμπιών επιλογής, Αξιολόγηση, Ρυθμιστικό, Πλαίσιο κειμένου και Εναλλαγή.

Ρίξτε μια ματιά σε κάθε στοιχείο ελέγχου του Fluent UI και στις πιο χρήσιμες ιδιότητές του. Για μια πλήρη λίστα στοιχείων ελέγχου και των ιδιοτήτων στο Power Apps, μεταβείτε στην επιλογή Στοιχεία ελέγχου και ιδιότητες στο Power Apps.

Button

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

Στοιχείο ελέγχου Κουμπί.

Περιγραφή

Ρυθμίστε την ιδιότητα OnSelect ενός στοιχείο ελέγχου Κουμπί για να εκτελείται ένας ή περισσότεροι τύποι όταν ο χρήστης επιλέγει το στοιχείο ελέγχου.

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

ButtonType – Το στυλ του κουμπιού για εμφάνιση, Τυπική ή Κύρια. Προεπιλεγμένη τιμή: Τυπική.

OnSelect – Ο τρόπος απόκρισης της εφαρμογής, όταν ο χρήστης επιλέξει ένα στοιχείο ελέγχου.

Κείμενο – Το κείμενο που εμφανίζεται σε ένα στοιχείο ελέγχου ή αυτό που καταχωρίζει ο χρήστης σε ένα στοιχείο ελέγχου.

Πλ. ελέγχου

Ένα στοιχείο ελέγχου που μπορεί να επιλέξει ή να αποεπιλέξει ο χρήστης για να ορίσει την τιμή του σε true ή false.

Στοιχείο ελέγχου πλαισίου ελέγχου.

Περιγραφή

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

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

Πλευρά πλαισίου – Η πλευρά του στοιχείου ελέγχου στο οποίο εμφανίζεται το πλαίσιο ελέγχου.

Ετικέτα – Κείμενο που εμφανίζεται σε ένα στοιχείο ελέγχου.

Επιλέχθηκε - Αν το στοιχείο ελέγχου είναι επιλεγμένο ή όχι.

Σύνθετο πλαίσιο

Ένα στοιχείο ελέγχου που επιτρέπει στους χρήστες να διαλέγουν από τις παρεχόμενες επιλογές. Υποστηρίζει αναζήτηση και πολλαπλές επιλογές.

Στοιχείο ελέγχου σύνθετου πλαισίου.

Περιγραφή

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

Η λειτουργία απλής ή πολλαπλής επιλογής ρυθμίζεται μέσω της ιδιότητας SelectMultiple.

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

Στοιχεία – Η προέλευση των δεδομένων από την οποία μπορούν να γίνουν επιλογές.

DefaultSelectedItems – Τα αρχικά επιλεγμένα στοιχεία, προτού ο χρήστης αλληλεπιδράσει με το στοιχείο ελέγχου.

SelectMultiple – Ορίζει εάν ο χρήστης μπορεί να επιλέξει ένα μόνο στοιχείο ή πολλά στοιχεία.

IsSearchable – Ορίζει εάν ο χρήστης μπορεί να αναζητήσει στοιχεία πριν από την επιλογή.

Επιλογή ημερομηνίας

Ένα στοιχείο ελέγχου το οποίο ο χρήστης μπορεί να επιλέξει για να καθορίσει μια ημερομηνία.

Στοιχείο ελέγχου επιλογής ημερομηνίας.

Περιγραφή

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

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

Τιμή – Η ημερομηνία που είναι επιλεγμένη τη συγκεκριμένη στιγμή σε ένα στοιχείο ελέγχου ημερομηνίας. Αυτή η ημερομηνία αντιπροσωπεύεται στην τοπική ώρα.

Label

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

Στοιχείο ελέγχου ετικέτας.

Περιγραφή

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

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

Χρώμα – Το χρώμα του κειμένου σε ένα στοιχείο ελέγχου.

Γραμματοσειρά – Το όνομα της οικογένειας γραμματοσειρών στην οποία εμφανίζεται το κείμενο.

Κείμενο – Το κείμενο που εμφανίζεται σε ένα στοιχείο ελέγχου.

Ομάδα κουμπιών επιλογής

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

Στοιχείο ελέγχου ομάδας κουμπιών επιλογής.

Περιγραφή

Ένα στοιχείο ελέγχου Ομάδα κουμπιών επιλογής, ένα τυπικό στοιχείο ελέγχου εισόδου HTML, είναι η καλύτερη επιλογή όταν υπάρχουν μόνο λίγες, αμοιβαία αποκλειόμενες επιλογές.

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

Στοιχεία – Η προέλευση των δεδομένων που εμφανίζονται σε ένα στοιχείο ελέγχου όπως συλλογή, λίστα ή γράφημα.

Επιλεγμένο – Η εγγραφή δεδομένων που αντιπροσωπεύει το επιλεγμένο στοιχείο.

Χαρακτηρισμός

Ένα στοιχείο ελέγχου με το οποίο οι χρήστες υποδεικνύουν μια τιμή μεταξύ 0 και ενός μέγιστου αριθμού που καθορίζετε.

Στοιχείο ελέγχου αξιολόγησης.

Περιγραφή

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

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

Τιμή – Η αρχική τιμή ενός στοιχείου ελέγχου προτού αλλάξει από τον χρήστη.

Μέγιστο – Η μέγιστη τιμή στην οποία μπορεί να ρυθμίσει ο χρήστης ένα ρυθμιστικό ή μια αξιολόγηση.

Ρυθμιστικό

Ένα στοιχείο ελέγχου με το οποίο ο χρήστης μπορεί να καθορίσει μια τιμή σύροντας ένα δείκτη χειρισμού.

Στοιχείο ελέγχου ρυθμιστικού.

Περιγραφή

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

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

Μέγιστο – Η μέγιστη τιμή στην οποία μπορεί να ρυθμίσει ο χρήστης ένα ρυθμιστικό ή μια αξιολόγηση.

Ελάχιστο – Η ελάχιστη τιμή στην οποία μπορεί να ρυθμίσει ο χρήστης ένα ρυθμιστικό ή μια αξιολόγηση.

Τιμή – Η τιμή ενός στοιχείου ελέγχου δεδομένων εισόδου.

Διάταξη – Εάν ένα στοιχείο ελέγχου εμφανίζεται οριζόντια ή κάθετα.

Εμφάνιση τιμής – Εάν ένα στοιχείο ελέγχου θα πρέπει να εμφανίζει την τιμή.

Πλαίσιο κειμένου

Ένα πλαίσιο στο οποίο ο χρήστης μπορεί να πληκτρολογήσει κείμενο, αριθμούς και άλλα δεδομένα.

Στοιχείο ελέγχου πλαισίου κειμένου.

Περιγραφή

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

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

Γραμματοσειρά – Το όνομα της οικογένειας γραμματοσειρών στην οποία εμφανίζεται το κείμενο.

Κείμενο – Το κείμενο που εμφανίζεται σε ένα στοιχείο ελέγχου ή αυτό που καταχωρίζει ο χρήστης σε ένα στοιχείο ελέγχου.

Εναλλαγή

Ένα στοιχείο ελέγχου που μπορεί να ενεργοποιεί ή απενεργοποιεί ο χρήστης μετακινώντας τη δείκτη χειρισμού του.

Στοιχείο ελέγχου εναλλαγής.

Περιγραφή

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

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

Επιλέχθηκε - Αν το στοιχείο ελέγχου είναι επιλεγμένο ή όχι.

Κείμενο Off – Το κείμενο της κατάστασης off.

Κείμενο On – Το κείμενο της κατάστασης on.

Διαφορά μεταξύ του Fluent UI και των κλασικών στοιχείων ελέγχου

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

Τύπος στοιχείου ελέγχου Κλασικός Fluent UI
Button Συμπλήρωση
Φόντο
TabIndex
ColorFill
ColorBackground
AcceptsFocus
Πλ. ελέγχου Προεπιλογή
TabIndex
Επιλεγμένο
AcceptsFocus
Σύνθετο πλαίσιο InputTextPlaceholder
TabIndex
Μήνυμα κειμένου
AcceptsFocus
Επιλογή ημερομηνίας SelectedDate
TabIndex
Τιμή
AcceptsFocus
Ετικέτα Μέγεθος FontSize
Ομάδα κουμπιών επιλογής TabIndex AcceptsFocus
Χαρακτηρισμός Προεπιλογή
TabIndex
Τιμή
AcceptsFocus
Ρυθμιστικό Προεπιλογή
TabIndex
Τιμή
AcceptsFocus
Πλαίσιο κειμένου Χρώμα
Προεπιλογή
Συμπλήρωση
SpellCheck
TabIndex
ColorText
Τιμή
ColorBackground
EnableSpellCheck
AcceptsFocus
Εναλλαγή Μέγεθος
Προεπιλογή
TabIndex
FontSize
Επιλεγμένο
AcceptsFocus

Δείτε επίσης

Δημιουργία πρόσθετων εφαρμογών
Κατανόηση του Power Apps Studio