Στοιχεία ελέγχου Σχήμα και Εικονίδιο στο Power Apps

  • Άρθρο

Γραφικά για τα οποία μπορείτε να ρυθμίσετε τις παραμέτρους των ιδιοτήτων εμφάνισης και συμπεριφοράς.

Περιγραφή

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

Βασικές ιδιότητες (Icons and Shapes)

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

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

Βασικές ιδιότητες (μόνο εικονίδια)

Icon - Ο τύπος εικονιδίου που θα εμφανίζεται (λόγου χάρη, ArrowDown ή ShoppingCart).

Rotation -ο αριθμός των μοιρών για περιστροφή του εικονιδίου.

Color - Το χρώμα του εικονιδίου με βάση το όνομα ή τις τιμές RGBA.

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

AccessibleLabel – ετικέτα για τα προγράμματα ανάγνωσης οθόνης.

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

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

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

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

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

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

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

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

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

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

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

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

Navigate( ScreenName; ScreenTransition )

Παράδειγμα

  1. Ονομάστε Target το προεπιλεγμένο στοιχείο ελέγχου Οθόνη , προσθέστε ένα στοιχείο ελέγχου Ετικέτα και ορίστε για αυτό την ιδιότητα Text ώστε να εμφανίζει Target.

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

  2. Προσθέστε ένα στοιχείο ελέγχου Οθόνη και ονομάστε το Source.

  3. Στο Source, προσθέστε ένα στοιχείο ελέγχου Σχήμα και ορίστε την ιδιότητα OnSelect σε αυτόν τον τύπο:

Navigate(Target, ScreenTransition.Fade)

  1. Πατήστε F5 και στη συνέχεια επιλέξτε το στοιχείο ελέγχου Σχήμα.

    Εμφανίζεται η οθόνη Target.

  2. (Προαιρετικό) Πατήστε το Esc για να επιστρέψετε στον προεπιλεγμένο χώρο εργασίας, προσθέστε ένα στοιχείο ελέγχου Σχήμα στο Target και ορίστε την ιδιότητα OnSelect του στοιχείου ελέγχου Σχήμα σε αυτόν τον τύπο:

Navigate(Source, ScreenTransition.Fade)

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

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

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

Για εικονίδια:

Για σχήματα με περιγράμματα:

  • BorderColor και το χρώμα εκτός του στοιχείου ελέγχου
  • FocusedBorderColor και το χρώμα εκτός του στοιχείου ελέγχου (εάν χρησιμοποιείται ως κουμπί)

Για σχήματα χωρίς περιγράμματα:

  • Fill και το χρώμα εκτός του στοιχείου ελέγχου
  • PressedFill και το χρώμα εκτός του στοιχείου ελέγχου (εάν χρησιμοποιείται ως κουμπί)
  • HoverFill και το χρώμα εκτός του στοιχείου ελέγχου (εάν χρησιμοποιείται ως κουμπί)

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

  • Το AccessibleLabel πρέπει να οριστεί για σημαντικά γραφικά.

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

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

Σημαντικό

Όταν η TabIndex είναι μηδέν ή μεγαλύτερη, το εικονίδιο ή το σχήμα γίνεται κουμπί. Η εμφάνισή του δεν αλλάζει, αλλά οι αναγνώστες οθόνης θα την αντιμετωπίζουν ως κουμπί. Δεν θα παραβλέψουν το στοιχείο ελέγχου, ακόμα και εάν το AccessibleLabel είναι κενό. Όταν η TabIndex είναι μικρότερη του μηδενός, τα προγράμματα ανάγνωσης οθόνης αντιμετωπίζουν το εικονίδιο ή το σχήμα ως εικόνα.

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

  • Η τιμή της TabIndex πρέπει να είναι μηδέν ή μεγαλύτερη εφόσον το γραφικό χρησιμοποιείται ως κουμπί. Στη συνέχεια, οι χρήστες του πληκτρολογίου μπορούν να μεταβούν σε αυτό.

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

Σημείωση

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

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