Στοιχείο ελέγχου Προσθήκη εικόνας σε εφαρμογές καμβά

  • Άρθρο

Τραβάει μια φωτογραφία ή φορτώνει εικόνες από την τοπική συσκευή.

Περιγραφή

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

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

Ανατρέξτε στην αναφορά στοιχείου ελέγχου εικόνας για τις ιδιότητες του στοιχείου ελέγχου Εικόνα.

Περιορισμοί

Το στοιχείο ελέγχου picture έχει τους εξής περιορισμούς:

  • Όταν χρησιμοποιείτε το στοιχείο ελέγχου Add Picture στο iOS, οι εικόνες που εισάγονται με χρήση της κάμερας ή της συλλογής δεν περιέχουν μετα-δεδομένα όπως προσανατολισμό, πληροφορίες τοποθεσίας ή ρυθμίσεις κάμερας.

Ιδιότητες κουμπιού Add picture

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

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

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

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

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

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

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

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

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

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

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

Error - Εάν υπάρχει πρόβλημα κατά την αποστολή μιας εικόνας, αυτή η ιδιότητα θα περιέχει μια κατάλληλη συμβολοσειρά σφάλματος.

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

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

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

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

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

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

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

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

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

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

Media – Ένα αναγνωριστικό για το απόσπασμα που αναπαράγει ένα στοιχείο ελέγχου ήχου ή βίντεο.

OnChange – Ενέργειες προς εκτέλεση όταν ο χρήστης αλλάζει την τιμή ενός στοιχείου ελέγχου (για παράδειγμα, ρυθμίζοντας ένα ρυθμιστικό).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Patch( DataSource, BaseRecord, ChangeRecord )

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

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

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

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

  3. Προσθέστε ένα στοιχείο ελέγχου Κουμπί, μετακινήστε το στο στοιχείο ελέγχου Προσθήκη εικόνας και ορίστε την ιδιότητα OnSelect για το στοιχείο ελέγχου Κουμπί σε αυτόν τον τύπο:
    Collect(MyPix, AddMediaButton1.Media)

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

  4. Προσθέστε ένα στοιχείο ελέγχου Κατακόρυφη συλλογή και ορίστε την ιδιότητά του Items σε MyPix.

  5. Επιλέξτε το στοιχείο ελέγχου Εικόνα στη συλλογή και ορίστε την ιδιότητα Εικόνα σε ThisItem.Value.

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

    Η εικόνα από το στοιχείο ελέγχου Προσθήκη εικόνας εμφανίζεται στο στοιχείο ελέγχου Κατακόρυφη συλλογή. Εάν η εικόνα δεν έχει τις ίδιες αναλογίες με το στοιχείο ελέγχου Εικόνα στο στοιχείο ελέγχου Κατακόρυφη συλλογή, ορίστε την ιδιότητα ImagePosition του στοιχείου ελέγχου Εικόνα σε Fit.

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

    Η δεύτερη εικόνα εμφανίζεται στο στοιχείο ελέγχου Συλλογή εικόνων.

  8. (Προαιρετικό) Επαναλάβετε το προηγούμενο βήμα μία ή περισσότερες φορές και, στη συνέχεια, επιστρέψτε στον προεπιλεγμένο χώρο εργασίας, πατώντας το πλήκτρο Esc.

Χρησιμοποιήστε τη συνάρτηση SaveData για να αποθηκεύσετε τοπικά τις εικόνες ή τη συνάρτηση Patch για να ενημερώσετε μια προέλευση δεδομένων.

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

Ισχύουν οι ίδιες οδηγίες όπως για τα στοιχεία ελέγχου Κουμπί και Εικόνα. Επίσης, λάβετε υπόψη τα εξής:

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

  • Το Κουμπί προσθήκης εικόνας πρέπει να έχει επαρκή αντίθεση μεταξύ του κειμένου και του φόντου του. Δεδομένου ότι η απεσταλμένη εικόνα μπορεί να έχει διαφορετικά χρώματα, χρησιμοποιήστε ένα αδιαφανές Fill στο Κουμπί προσθήκης εικόνας για να εξασφαλίσετε ομοιόμορφη αντίθεση.

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

  • Το Κουμπί προσθήκης εικόνας πρέπει να έχει Κείμενο και ChangePictureText που ζητά από τον χρήστη να προσθέσει ή να αλλάξει μια εικόνα.

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

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

Σημείωση

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

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