Στοιχείο ελέγχου "Κουμπί" στο Power Apps

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

Περιγραφή

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

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

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

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

Πρόσθετες ιδιότητες

Align – Η θέση του κειμένου σε σχέση με το οριζόντιο κέντρο του στοιχείου ελέγχου του.

AutoDisableOnSelect – Απενεργοποιεί αυτόματα το στοιχείο ελέγχου, ενώ εκτελείται η συμπεριφορά OnSelect .

BorderColor – Το χρώμα περιγράμματος ενός στοιχείου ελέγχου.

BorderStyle – Ορίζει εάν το περίγραμμα ενός στοιχείου ελέγχου είναι Συμπαγές, Διακεκομμένο, Διάστικτο ή Κανένα.

BorderThickness – Το πάχος του περιγράμματος ενός στοιχείου ελέγχου.

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

ContentLanguage - Η γλώσσα του περιεχομένου του στοιχείου ελέγχου, εάν διαφέρει από το κοντέινερ του στοιχείου ελέγχου.

DisplayMode – Ορίζει εάν το στοιχείο ελέγχου επιτρέπει την εισαγωγή δεδομένων από τον χρήστη (Επεξεργασία), εμφανίζει μόνο δεδομένα (Προβολή) ή είναι απενεργοποιημένο (Απενεργοποιημένο).

DisabledBorderColor – Το χρώμα περιγράμματος ενός στοιχείου ελέγχου εάν η ιδιότητα DisplayMode του στοιχείου ελέγχου έχει οριστεί σε Disabled.

DisabledColor – Το χρώμα του κειμένου σε ένα στοιχείο ελέγχου εάν η ιδιότητά του DisplayMode έχει οριστεί σε Disabled.

DisabledFill – Το χρώμα φόντου ενός στοιχείου ελέγχου εάν η ιδιότητά του DisplayMode έχει οριστεί σε Disabled.

FocusedBorderColor – Το χρώμα περιγράμματος ενός στοιχείου ελέγχου όταν γίνεται εστίαση στο στοιχείο ελέγχου.

FocusedBorderThickness – Το πάχος του περιγράμματος ενός στοιχείου ελέγχου όταν γίνεται εστίαση στο στοιχείο ελέγχου.

Fill – Το χρώμα φόντου ενός στοιχείου ελέγχου.

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

FontWeight – Το πάχος του κειμένου σε ένα στοιχείο ελέγχου: Bold, Semibold, Normal ή Lighter.

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

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

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

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

Italic – Ορίζει εάν το κείμενο σε ένα στοιχείο ελέγχου είναι σε πλάγια γραφή.

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

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

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

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

Pressed – True όταν πατιέται ένα στοιχείο ελέγχου, διαφορετικά false .

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

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

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

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

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

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

RadiusTopRight – Ο βαθμός στον οποίο στρογγυλοποιείται η επάνω δεξιά γωνία ενός στοιχείου ελέγχου.

Size – Το μέγεθος γραμματοσειράς του κειμένου που εμφανίζεται σε ένα στοιχείο ελέγχου.

Strikethrough – Ορίζει εάν μια γραμμή εμφανίζεται μέσα στο κείμενο που εμφανίζεται σε ένα στοιχείο ελέγχου.

TabIndex – Σειρά περιήγησης πληκτρολογίου σε σχέση με άλλα στοιχεία ελέγχου.

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

Underline – Εάν μια γραμμή εμφανίζεται κάτω από το κείμενο που εμφανίζεται σε ένα στοιχείο ελέγχου.

VerticalAlign – Η θέση του κειμένου σε ένα στοιχείο ελέγχου σε σχέση με το κατακόρυφο κέντρο αυτού του στοιχείου ελέγχου.

Visible – Ορίζει εάν ένα στοιχείο ελέγχου εμφανίζεται ή είναι κρυφό.

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

X – Η απόσταση μεταξύ του αριστερού άκρου ενός στοιχείου ελέγχου και του αριστερού άκρου του γονικού περιέκτη του (της οθόνης, εάν δεν υπάρχει γονικός περιέκτης).

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

Σχετικές συναρτήσεις

Navigate( ScreenName, ScreenTransitionValue )

Παραδείγματα

Προσθήκη ενός βασικού τύπου σε ένα κουμπί

1. Προσθέστε ένα στοιχείο ελέγχου Text input και ονομάστε το Source.

   Δεν γνωρίζετε πώς μπορείτε να προσθέσετε, να ονομάσετε και να ρυθμίσετε τις παραμέτρους ενός στοιχείου ελέγχου;

2. Προσθέστε ένα στοιχείο ελέγχου Κουμπί , ορίστε την ιδιότητά του Text σε "Add" και ορίστε την ιδιότητά του OnSelect σε αυτόν τον τύπο:
   UpdateContext({Total:Total + Value(Source.Text)})

   Θέλετε περισσότερες πληροφορίες σχετικά με τη συνάρτηση UpdateContext ή άλλες συναρτήσεις;

3. Προσθέστε ένα στοιχείο ελέγχου Ετικέτα , ορίστε την ιδιότητά του Text στη γραμμή τύπων σε Value(Total) και, στη συνέχεια, πατήστε το πλήκτρο F5.

4. Καταργήστε το προεπιλεγμένο κείμενο από το στοιχείο ελέγχου Προέλευση, πληκτρολογήστε έναν αριθμό και, στη συνέχεια, κάντε κλικ ή πατήστε Προσθήκη.

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

5. Διαγράψτε τον αριθμό από την προέλευση, πληκτρολογήστε έναν άλλο αριθμό και, στη συνέχεια, κάντε κλικ ή πατήστε Προσθήκη.

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

6. (προαιρετικό) Επαναλάβετε το προηγούμενο βήμα μία ή περισσότερες φορές.

7. Για να επιστρέψετε στον προεπιλεγμένο χώρο εργασίας, πατήστε το πλήκτρο Esc (ή κάντε κλικ ή πατήστε το εικονίδιο κλεισίματος στην επάνω δεξιά γωνία).

Ρύθμιση παραμέτρων ενός κουμπιού με πολλούς τύπους

Προσθέστε έναν τύπο που διαγράφει το στοιχείο ελέγχου Εισαγωγή κειμένου μεταξύ των καταχωρήσεων.

1. Ορίστε την ιδιότητα HintText του στοιχείου ελέγχου Προέλευση σε "Εισαγάγετε έναν αριθμό".

2. Ορίστε την ιδιότητα OnSelect του στοιχείου Προσθήκη σε αυτόν τον τύπο:

   UpdateContext({Total:Total + Value(Source.Text)});
   UpdateContext({ClearInput: ""})

   Σημείωμα

   Διαχωρίστε πολλούς τύπους με ελληνικό ερωτηματικό ";".

3. Ορίστε την ιδιότητα Default του στοιχείου ελέγχου Προέλευση σε ClearInput.

4. Πατήστε το πλήκτρο F5 και, στη συνέχεια, δοκιμάστε την εφαρμογή προσθέτοντας πολλούς αριθμούς.

Προσθήκη άλλου κουμπιού για επαναφορά του συνόλου

Προσθέστε ένα δεύτερο κουμπί για να καταργήσετε το σύνολο μεταξύ των υπολογισμών.

1. Προσθέστε ένα άλλο στοιχείο ελέγχου Κουμπί , ορίστε την ιδιότητά του Text σε "Clear" και ορίστε την ιδιότητά του OnSelect σε αυτόν τον τύπο:

   UpdateContext({Total:0})

2. Πατήστε το πλήκτρο F5, προσθέστε πολλούς αριθμούς και, στη συνέχεια, κάντε κλικ ή πατήστε Απαλοιφή για να επαναφέρετε το σύνολο.

Αλλαγή εμφάνισης ενός κουμπιού

Αλλαγή σχήματος ενός κουμπιού

Από προεπιλογή, το Power Apps δημιουργεί ένα ορθογώνιο στοιχείο ελέγχου Κουμπί με στρογγυλεμένες γωνίες. Μπορείτε να κάνετε βασικές τροποποιήσεις στο σχήμα ενός στοιχείου ελέγχου Κουμπί ορίζοντας τις ιδιότητές του Height, Width και Radius .

Σημείωμα

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

1. Προσθέστε ένα στοιχείο ελέγχου Κουμπί και ορίστε τις ιδιότητές του Height και Width σε 300 για να δημιουργήσετε ένα μεγάλο τετράγωνο κουμπί.

2. Τροποποιήστε τις ιδιότητες RadiusTopLeft, RadiusTopRight, RadiusBottomLeft και RadiusBottomRight για να προσαρμόσετε το μέγεθος της καμπυλότητας σε κάθε γωνία. Ακολουθούν ορισμένα παραδείγματα διαφορετικών σχημάτων, κάθε ένα από τα οποία ξεκινά με ένα τετράγωνο κουμπί 300 x 300:

   • Ορίστε και τις τέσσερις τιμές Radius σε 150 για να δημιουργήσετε έναν κύκλο.
   • Ορίστε τις τιμές για τις στήλες RadiusTopLeft και RadiusBottomRight σε 300 για να δημιουργήσετε ένα Κουμπί σε σχήμα φύλλου.
   • Ορίστε τις τιμές για τις στήλες RadiusTopLeft και RadiusTopRight σε 300 και τις τιμές για τις στήλες RadiusBottomLeft και RadiusBottomRight σε 100 για να δημιουργήσετε ένα κουμπί σχήματος καρτέλας.

Αλλαγή χρώματος ενός κουμπιού κατά την κατάδειξή του

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

• Αλλάξτε το ποσοστό ColorFade στην ιδιότητα HoverFill για ένα από τα κουμπιά που δημιουργήσατε και παρατηρήστε τα αποτελέσματα.

Μπορείτε επίσης να καθορίσετε το χρώμα ενός στοιχείου ελέγχου Κουμπί ορίζοντας την ιδιότητά του HoverFill σε έναν τύπο που περιέχει τη συνάρτηση ColorValue αντί για τη συνάρτηση ColorFade , όπως στην colorValue("Red").

Σημείωμα

Η τιμή του χρώματος μπορεί να είναι οποιοσδήποτε ορισμός χρώματος CSS, είτε όνομα είτε δεκαεξαθούς τιμής.

• Αντικαταστήστε τη συνάρτηση ColorFade με μια συνάρτηση ColorValue σε ένα από τα κουμπιά που δημιουργήσατε και δείτε το αποτέλεσμα.

Οδηγίες προσβασιμότητας

Αντίθεση χρωμάτων

• Ισχύουν τυπικές απαιτήσεις αντίθεσης χρωμάτων.

Υποστήριξη ανάγνωσης οθόνης

• Πρέπει να υπάρχει η ιδιότητα Text.

Υποστήριξη πληκτρολογίου

• Η τιμή της TabIndex πρέπει να είναι μηδέν ή μεγαλύτερη προκειμένου οι χρήστες πληκτρολογίου να μπορούν να μεταβούν σε αυτή.
• Οι δείκτες εστίασης πρέπει να είναι ευδιάκριτοι. Χρησιμοποιήστε τα FocusedBorderColor και FocusedBorderThickness για να το επιτύχετε αυτό.