Κοινή χρήση μέσω

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

  • Άρθρο

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

Περιγραφή

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

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

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

Σημείωση

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

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

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

ApplyEXIFOrientation – Ορίζει εάν θα εφαρμόζεται αυτόματα ο προσανατολισμός που προσδιορίζεται στα δεδομένα EXIF που είναι ενσωματωμένα με την εικόνα.

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

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

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

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

CalculateOriginalDimensions – Ενεργοποιεί τις ιδιότητες OriginalHeight και OriginalWidth.

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

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

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

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

FlipHorizontal – Ορίζει εάν θα γίνεται οριζόντια αναστροφή της εικόνας πριν από την εμφάνισή της.

FlipVertical – Ορίζει εάν θα γίνεται κατακόρυφη αναστροφή της εικόνας πριν από την εμφάνισή της.

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

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

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

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

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

ImagePosition – Η θέση (Fill, Fit, Stretch, Tile ή Center) μιας εικόνας σε μια οθόνη ή ένα στοιχείο ελέγχου, εάν δεν είναι του ίδιου μεγέθους με την εικόνα.

ImageRotation – Πώς να περιστρέψετε την εικόνα πριν από την προβολή της. Οι τιμές μπορεί να είναι καμία, δεξιόστροφα (CW) 90 μοίρες, αριστερόστροφα (CCW) 90 μοίρες και δεξιόστροφα 180 μοίρες.

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

OriginalHeight – Αρχικό ύψος μιας εικόνας, ενεργοποιείται με την ιδιότητα CalculateOriginalDimensions.

OriginalWidth – Αρχικό πλάτος μιας εικόνας, ενεργοποιείται με την ιδιότητα CalculateOriginalDimensions.

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

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

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

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

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

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

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

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

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

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

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

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

Transparency – Ο βαθμός στον οποίο τα στοιχεία ελέγχου πίσω από την εικόνα παραμένουν ορατά. Οι δεκαδικές τιμές κυμαίνονται από 0 έως 1. Όπου 0 είναι αδιαφανές, το 0,5 είναι ημι-διαφανές και το 1 είναι διαφανές.

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

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

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

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

Remove( DataSource, ThisItem )

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

Εμφάνιση εικόνας από ένα τοπικό αρχείο

  1. Στο μενού Αρχείο, κάντε κλικ ή πατήστε το Μέσα και, στη συνέχεια, κάντε κλικ ή πατήστε την Αναζήτηση.

  2. Κάντε κλικ ή πατήστε το αρχείο εικόνας που θέλετε να προσθέσετε, κάντε κλικ ή πατήστε Άνοιγμα, και, στη συνέχεια, πατήστε το πλήκτρο Esc για να επιστρέψετε στον προεπιλεγμένο χώρο εργασίας.

  3. Προσθέστε ένα στοιχείο ελέγχου Εικόνα και ορίστε την ιδιότητα Εικόνα στο όνομα του αρχείου που έχετε προσθέσει.

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

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

Εμφανίζει ένα σύνολο εικόνων από μια προέλευση δεδομένων

  1. Κάντε λήψη αυτού του αρχείου Excel και αποθηκεύστε το στην τοπική συσκευή σας.

  2. Στο Power Apps Studio, δημιουργήστε ή ανοίξτε μια εφαρμογή και, στη συνέχεια, κάντε κλικ ή πατήστε Προσθήκη προέλευσης δεδομένων στο δεξιό τμήμα του παραθύρου.

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

  3. Κάντε κλικ ή πατήστε Προσθήκη στατικών δεδομένων στην εφαρμογή σας, κάντε κλικ ή πατήστε το αρχείο Excel που κατεβάσατε, και, στη συνέχεια, κάντε κλικ ή πατήστε Άνοιγμα.

  4. Επιλέξτε το πλαίσιο ελέγχου Flooring Estimates και, στη συνέχεια, κάντε κλικ ή πατήστε Σύνδεση.

  5. Προσθέστε ένα στοιχείο ελέγχου Συλλογή με εικόνες και ορίστε την ιδιότητα Items σε FlooringEstimates.

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

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

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

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

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

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

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

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

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

Σημαντικό

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

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

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

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

Σημείωση

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

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