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

  • Άρθρο

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

Περιγραφή

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

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

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

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

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

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

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

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

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

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

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

DisplayMode – Ορίζει εάν το στοιχείο ελέγχου επιτρέπει την εισαγωγή δεδομένων από τον χρήστη (Edit), εμφανίζει μόνο δεδομένα (View) ή είναι ανενεργό (Disabled).

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

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

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

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. Προσθέστε ένα στοιχείο ελέγχου Είσοδος κειμένου και ονομάστε το Source.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Σημείωση

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

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

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

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

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

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

    UpdateContext({Total:0})

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

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

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

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

Σημείωση

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

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

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

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

Αλλαγή χρώματος ενός κουμπιού μόλις περάσετε το ποντίκι πάνω από αυτό

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

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

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

Σημείωση

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

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

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

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

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

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

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

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

Σημείωση

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

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